- 配置 vue.config.js文件
const isProd = process.env.NODE_ENV === 'production'
module.exports = {// 其他配置chainWebpack: config => {// 生产环境下使用CDNif (isProd) {config.plugin('html').tap(args => {args[0].cdn = assetsCDNreturn args})}},// 生产环境下替换路径为cdn路径publicPath: isProd ? process.env.VUE_APP_PUBLIC_PATH_PROD : process.env.VUE_APP_PUBLIC_PATH,
}
// .env 文件变量
VUE_APP_PUBLIC_PATH=/
// cdn存储路径
VUE_APP_PUBLIC_PATH_PROD=https://jz-pro-server.oss-cn-hangzhou.aliyuncs.com/cdn/a_项目名称
- a_项目名称存储的内容为打包的dist文件内容
- 将打包好的dist文件上传到服务器对应目录,
- 后续只需要将打包好的本地dist文件中的index.html文件更新至服务器中的index.html文件
并且全量替换cdn中的dist文件内容
- 打包的dist文件里 index.html文件内容