【VScode + Windows】部署上线

一. 配置

1. 开发工具：VScode
2. 系统环境：Win10

二. 上线准备

1. 服务器相关配置已配好（权限、数据库等）
2. 确保自己的代码是最新的（git）
   
3. 打包（VScode）
   
   (1) 在集成终端输入：npm run build
   (2) 在项目文件夹下的web前端目录里看是否生成dist文件夹
   (3) 若有dist文件夹，复制Ctrl +C里边的文件
   

三. 连接服务器

1. 电脑左下角搜索并进入：【远程桌面连接】
   

2. 填写服务器【公网IP地址】、【账户】和【密码】
   

3. 连接成功后，即可访问服务器，默认显示桌面

4. 桌面新建文件夹：部署 – 当天日期 – 安卓 – dist – 步骤二3(3)中内容Ctrl + V 粘贴到此处。

5. 双击打开桌面的nginx文件夹 – 打开html 文件夹 – 将复制的文件再次粘贴一次

6. 检查nginx文件夹下的conf文件夹下的ngix记事本文件

7. 查看 location /cmip/下的地址与 VScode 地址是否保持一致

location /cmip/下的：

   {
       proxy_pass  http:// 地址/cmip
   }

VScode下的：

8. nginx重启：nginx文件夹

        鼠标放入，单击，输入cmd

        nginx -s reload (动态配置文件)
9. 部署完毕