vue项目打包发布到服务器

先打包：

npm run build 之后会有个dist文件夹，下边是static和index.html，访问会发现是空白页，是路径的问题，解决办法如下：

1.修改下面这个文件如下：

这样就ok了。

然后生产环境解决跨域问题，需要做以下修改：

 调用的地方做如下修改：

2.然后服务器上安装nginx，下载地址：http://nginx.org/en/download.html

3.下载完成后解压，进行如下配置：

3-1.编辑nginx/conf 下的nginx.conf,修改如下图 

3-2. 启动nginx。

命令窗口cd 进入nginx安装目录，注意，一定要进来nginx文件夹下的conf文件的上级目录下，否则系统找不到nginx，将会报错，不能正确启动nginx，如我的nginx安装在d盘

进入该路径下，输入命令start nginx，然后打开浏览器访问http://127.0.0.1:8080/ 

nginx停止命令：nginx -s quit
nginx重启命令：nginx -s reload

注意：

如果部署在服务器上，服务器有自己的域名，那么还是按照上边的操作和配置，然后在本地访问的时候，访问地址是：

服务器域名+端口号就可以了。