vue项目打包，利用nginx进行模拟部署，解决跨域问题

最近在用VUE进行开发项目，本地运行不会出现跨域的问题，也没负责发布到服务器的工作，对Vue项目如何打包发布不太了解，所以自己就看些博文，在自己电脑上面模拟发布一下。

第一步：下载nginx，解压

下载地址：nginx下载地址
我下载的是稳定版nginx / Windows-1.16.1
然后解压到本地

第二步：运行nginx

第三步：修改nginx的配置

刚刚解压的nginx-1.16.1目录下的conf文件夹下有一个nginx.conf文件，打开它，修改配置

root对应的位置是VUE项目用npm run build命令生成的包。

第四步：运行项目

好了，在浏览器上面输入 http://localhost:8009，项目就已经运行起来啦。

附上一些nginx的运行命令

start nginx //启动
nginx -s stop //stop是快速停止nginx，可能并不保存相关信息
nginx -s quit //quit是完整有序的停止nginx，并保存相关信息
nginx -s reload //当配置信息修改，需要重新载入这些配置时使用此命令
nginx -s reopen //重新打开日志文件
nginx -v //查看nginx版本

可能说得不太完整，大体就是这样子啦，项目也可以顺利运行起来。本地模拟打包运行很有好处的，可以在发布到测试环境之前，自己先检查一下打包后有没有跟在本地npm run dev不一样的地方。