ngnix 配置多个前端项目（首次上传vue）

我这次初体验有点特殊。一是，刚买的服务器还没有绑定域名，直接暴露服务器地址，很尴尬。二是，我第二个项目是用vue上手的，打包上线的流程也需要记录。

1. 打包vue项目
2. 上传到服务器
3. 修改ngnix配置文件

1. 打包vue项目

通过npm run build 打包项目。

修改相关文件夹路径： https://www.jianshu.com/p/b59204651846

在服务器端html文件夹下新建new文件夹，将dist下的static文件夹和index.html文件放入new文件夹中。

2. 删除全局配置 user root

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1Vkof7Un-1581427893856)(C:\Users\Liu YaXin\AppData\Roaming\Typora\typora-user-images\1581425658765.png)]

3. 修改 location

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SaXY3F7u-1581427893871)(C:\Users\Liu YaXin\AppData\Roaming\Typora\typora-user-images\1581425702923.png)]

然后再通过

nginx -s reload

重启ngnix完成设置。

主要参考链接： https://blog.csdn.net/kielin/article/details/94459660 完成本次上传

来源：CSDN

作者：艾米栗写代码

链接：https://blog.csdn.net/qq_34539486/article/details/104270383