Vue打包并自动部署到指定服务器

Posted 2023-03-24

参考技术A 安装依赖

配置备用环境变量
在根目录下创建.env.development文件，并添加环境变量

VUE_APP_SERVER_ID = 0

在根目录下创建.env.production文件，并添加环境变量

VUE_APP_SERVER_ID = 1

创建自动化部署脚本
在package.json同级目录下创建文件夹deploy

在deploy文件下创建config.js和servers.js和index.js

servers.js：配置服务器相关信息

config.js：发布前的一些处理

index.js：发布到服务器的处理逻辑

添加package.json中的scripts命令

效果如下

打包前端部署常见问题

参考技术A npm ERR! code ERESOLV E

解决办法有两种：

1.在命令后加上--legacy-peer-deps

2.使用npm6.x

https://blog.csdn.net/m0_51969330/article/details/119186416

npm ERR! code ETARGET

报错原因：package-lock.json 问题

解决办法：

1、删除node_modules文件夹

2、清除npm缓存，运行如下命令：

npm cache clean --force

//删除 package-lock.json

// mac os 

rm package-lock.json

//windows os

del package-lock.json

3、执行npm install 重新安装