Video source link: https://www.bilibili.com/video/BV1YE411E7Xr/?spm_id_from=333.999.0.0&vd_source=99acb313a9a41c2ae58ef6a3e44dfa74
Article directory
- 1. Purchase a server and connect to the server remotely
- 2. Install Docker service
- 3. Install Nginx image based on Docker
- 4. Create a Vue project locally and upload it to Gitee
- 5. Install Git on the server and pull the code
- 6. Install the NodeJs environment on the server to compile the code
- 7. Put the compiled static files into Nginx
- 8. Add front-end startup command to simplify the process
- 9. Problem solution 1: nginx reverse proxy loses js and css problem
1. Purchase a server and connect to the server remotely
I purchased a 2-core 2G Hong Kong cloud server through https://www.ucloud.cn/ and used FinalShell to connect remotely. I won’t go into details about purchasing the connection server.
2. Install Docker service
https://www.jianshu.com/p/3771b155283b
3. Install Nginx image based on Docker
https://www.jianshu.com/p/f2c6ad35fbb0
4. Create a Vue project locally and upload it to Gitee
https://www.jianshu.com/p/a14777f08224
5. Install Git on the server and pull the code
https://www.jianshu.com/p/701739980183
6. Install the NodeJs environment on the server to compile the code
https://www.jianshu.com/p/fb3acfe2da07
7. Put the compiled static files into Nginx
https://www.jianshu.com/p/5ac580498ecd
8. Add front-end startup command to simplify the process
https://www.jianshu.com/p/eae541f940f0
9. Problem solution 1: nginx reverse proxy loses js and css problem
https://www.jianshu.com/p/f0cdbc691c85