项目优化:vue打包部署到服务器并使用cdn加速
创始人
2025-01-17 14:04:24
0
  • 配置 vue.config.js文件
const isProd = process.env.NODE_ENV === 'production' module.exports = {   // 其他配置   chainWebpack: config => {     // 生产环境下使用CDN     if (isProd) {       config.plugin('html')         .tap(args => {           args[0].cdn = assetsCDN           return 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文件内容
    在这里插入图片描述

相关内容

热门资讯

分享个大家“wpk到底有没有外... 分享个大家“wpk到底有没有外挂”wpk德州透视辅助(wPK)原先真的有挂(了解有挂)-哔哩哔哩1、...
玩家必备教程!“wpk最新黑科... 玩家必备教程!“wpk最新黑科技”wpk有赢的吗(Wpk)果然有挂(有挂详情)-哔哩哔哩是一款可以让...
必备教程“wpk最新黑科技”w... 自定义wpk最新黑科技系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管...
必备辅助推荐“wpk ai辅助... 自定义wpk ai辅助系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管...
重大发现“wpk最新黑科技”w... 重大发现“wpk最新黑科技”wpkai辅助实战效果(WPK)确实真的是有挂(讲解有挂)-哔哩哔哩1、...
揭秘“wpk到底有没有外挂”w... 揭秘“wpk到底有没有外挂”wpk辅助真的假的(WPK)一向有挂(有挂细节)-哔哩哔哩;无聊就玩这款...
推荐一款!“wpk ai辅助”... 推荐一款!“wpk ai辅助”wpk最新黑科技(wPk)本来真的有挂(揭秘有挂)-哔哩哔哩1、起透看...
技术分享!“wpk ai辅助”... 技术分享!“wpk ai辅助”wpk提高胜率(wpK)本然有挂(有挂神器)-哔哩哔哩是一款可以让一直...
分享实测“wpk到底有没有外挂... 分享实测“wpk到底有没有外挂”wpk ai辅助(wpK)一向真的是有挂(有挂攻略)-哔哩哔哩是一款...
让我来分享经验“wpk最新黑科... 让我来分享经验“wpk最新黑科技”wpk有外挂么(WPK)原本真的有挂(有挂技术)-哔哩哔哩;一、w...