电商商城定制开发期末月前本来部署过一次，电商商城定制开发昨天部署的时候发现又给忘了，而且出了很多问题，在这统一汇总一下。
步骤一：改端口
在vue.config.js下的devServer把host改成服务器的地址
步骤二： 打包
用npm run build打包，最后是这样的，并且目录下多了个dist文件夹
步骤三：将dist文件夹上传到服务器上
我用的xshell，没办法上传文件夹，所以我是压缩成rar用rz上传再在服务器上解压的，至于linux怎么解压rar，看这
肯定有更好的方法，但是我还没找到。解压后长这样
步骤四:修改.conf(重中之重)
这一步很关键，设置不好可能出现页面403或404报错。
首先，用nginx -t找到nginx.conf的具体路径
接下来开始编辑这个文件，下图这个地方要改成当前操作用户的用户名，不然可能部署之后打开页面报错403。
接下来，将1部分改成解压后的dist存放位置
2和3是解决路由刷新报错404的问题
try_files $uri $uri/ @router; location @router { rewrite ^.*$ /index.html last; }- 1
- 2
- 3
- 4
步骤五：重启nginx
systemctl restart nginx
然后就能正常打开页面啦