【前端vue3项目部署】操作步骤

视频源链接： https://www.bilibili.com/video/BV1YE411E7Xr/?spm_id_from=333.999.0.0&vd_source=99acb313a9a41c2ae58ef6a3e44dfa74

---

1.购买服务器、远程连接服务器

我是通过https://www.ucloud.cn/购买的香港云服务器2核2G，使用FinalShell远程连接，购买连接服务器这个部分不多做赘述。

2.安装Docker服务

https://www.jianshu.com/p/3771b155283b

3. 基于Docker安装Nginx镜像

https://www.jianshu.com/p/f2c6ad35fbb0

4. 本地创建Vue项目并上传到Gitee

https://www.jianshu.com/p/a14777f08224

5.服务器安装Git并拉取代码

https://www.jianshu.com/p/701739980183

6. 服务器安装NodeJs环境编译代码

https://www.jianshu.com/p/fb3acfe2da07

7. 编译后的静态文件放到Nginx中

https://www.jianshu.com/p/5ac580498ecd

8.增加前端启动命令，简化流程

https://www.jianshu.com/p/eae541f940f0

9.问题解决1：nginx反向代理丢失js、css问题

https://www.jianshu.com/p/f0cdbc691c85