vue项目打包布署_vue部署是和后端一起部署吗

我们使用Vue做项目时，基本都是前后端分离的，所以项目布署有时是前后单独部署。因此前端开发人员很有必要熟悉一下项目部署的流程。

Vue项目打包部署本身不复杂，不过一些前端同学可能对服务器接触不多，部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方法以及项目部署的相关问题。

一、准备工作——服务器和nginx配置使用

1、准备一台服务器

一般我们在布署时，服务器已经开通好了，我们进入服务器配置就好了。

2、安装nginx

一般而言，nginx后端会安装好。我们在此熟悉一下安装过程

# 安装
sudo apt-get install nginx

#安装完成后使用nginx -v检查，如果输出nginx的版本信息表明安装成功

# 启动
sudo service nginx start
1
2
3
4
5
6
7

启动后，正常情况下，直接访问`http://服务器ip`或`http://域名`。如果出现`Welcome to nginx!`的页面，说明成功了！

3、nginx配置文件`nginx.conf`

linux系统下的配置文件通常会存放在/etc目录下，nginx的配置文件就在/etc/nginx文件夹，打开文件/etc/nginx/nginx.conf。

如图所示：

可以看到默认情况下，nginx代理的根目录是/var/www/html，输入`http://服务器ip`会访问这个文件夹下的文件，然后会根据index的配置值来找默认访问的文件，比如index.html、index.htm之类。

我们可以更改root的值来修改nginx服务代理的文件夹：

1、创建文件夹/www，并创建index.html&#