项目优化: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俱乐部... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游戏中打牌都...
十分钟实锤!德州之星有外挂(德... 十分钟实锤!德州之星有外挂(德州俱乐部)原来真的有挂(详细辅助切实教程);德州之星有外挂辅助器中分为...
微扑克系统发牌规律(微扑克)微... 微扑克系统发牌规律(微扑克)微扑克ai技术(透视)总是是真的有挂(详细辅助黑科技教程)1、进入到微扑...
wpk有辅助挂!wpk德州扑克... wpk有辅助挂!wpk德州扑克靠不靠谱(透视)外挂透视挂辅助代打(素来是真的有挂);支持多人共享记分...
微扑克辅助挂(微扑克)微扑克俱... 微扑克辅助挂(微扑克)微扑克俱乐部(透视)竟然是真的有挂(详细辅助技巧教程)该软件可以轻松地帮助玩家...
2分钟实锤!德扑之星有作弊(来... 2分钟实锤!德扑之星有作弊(来玩德州)好像是真的有挂(详细辅助解密教程)1、构建自己的德扑之星有作弊...
aapoker透明挂!aapo... aapoker透明挂!aapoker ai软件,(aapoker教程)本来是有挂(详细辅助力荐教程)...
wpk真的有外挂!wpk微扑克... wpk真的有外挂!wpk微扑克智能辅助(透视)外挂透视辅助器(原来真的是有挂);小薇(透视辅助)致您...
微扑克辅助器ios(微扑克)微... 微扑克辅助器ios(微扑克)微扑克真的有辅助吗(透视)原来是真的有挂(详细辅助专业教程)暗藏猫腻,小...
5分钟实锤!德扑之星有作弊(来... 5分钟实锤!德扑之星有作弊(来玩德州)总是是有挂(详细辅助曝光教程)1、德扑之星有作弊透视辅助简单,...