使用nginx部署项目

开发工具:VScode

项目上线

部署项目:

1、 确保自己的代码是最新的

(1) 提交代码

  git add .
  
  git commit -m "备注"
  
  git push
  
  git merge 分支名
  
  git pull

(2) 确认是最新代码
最新代码
2 、 VScode

(1) 确认打包
使用nginx部署项目_第1张图片
(2) 在集成终端输入:npm run build

(3) 在项目文件夹下的web前端目录里看是否生成dist文件夹

(4) 若有dist文件夹,复制Ctrl +C里边的文件
dist
(5) 电脑上搜索:远程桌面连接
使用nginx部署项目_第2张图片

(6) 点击进入,填入连接地址、账户和密码
使用nginx部署项目_第3张图片

(7) 进入新页面

(8) 桌面新建文件夹:部署 – 当天日期 – 安卓 – dist – Ctrl + V 粘贴刚打包好的文件。

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

(10) 检查nginx文件夹下的conf文件夹下的ngix记事本文件

(11) 查看 location /cmip/下的地址与 VScoded 地址是否保持一致

location /cmip/下的:

{
proxy_pass http:// 地址/cmip
}

VSCode下的:
使用nginx部署项目_第4张图片

(12) nginx重启:nginx文件夹
nginx
        鼠标放入,单击,输入cmd

         nginx -s reload (动态配置文件)

(13) 部署完毕

你可能感兴趣的:(ElementUI,前端)