我这次初体验有点特殊。一是,刚买的服务器还没有绑定域名,直接暴露服务器地址,很尴尬。二是,我第二个项目是用vue上手的,打包上线的流程也需要记录。
- 打包vue项目
- 上传到服务器
- 修改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 完成本次上传