部署vue项目到云服务器上详细流程

陈瑞hui774

已于 2023-10-17 19:03:20 修改

阅读量1.4k

点赞数 3

CC 4.0 BY-SA版权

文章标签：服务器 vue.js 运维

于 2023-05-04 21:01:23 首次发布

本文链接：https://blog.csdn.net/qq_66089301/article/details/130495236

以下是Vue项目部署到腾讯云服务器(Ubuntu)的详细步骤，包括所需命令代码：

步骤1：连接腾讯云服务器

打开终端（Terminal）或者使用PuTTY等工具连接到远程服务器。

```
ssh root@<腾讯云服务器IP地址>
```

步骤2：安装Nginx

更新apt-get源并安装nginx

(需要在系统上拥有提升的权限 (root):"sudo su")

```
apt-get update
apt-get install nginx
```

步骤3：配置Nginx

修改 /etc inx/sites-enabled/default 文件

```
nano /etc inx/sites-enabled/default
```

在server段内添加以下内容：

```
location / {
    root <项目构建输出目录/dist/>;
    index app.html;
    try_files $uri $uri/ /app.html;
}
```

完成后保存文件并重新加载 Nginx 配置：

```
service nginx reload
```

步骤4：将本地dist目录上传至服务器

zip -r dist.zip dist/
scp dist.zip user@servername:/home/user

步骤5：解压缩