项目优化: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文件内容
    在这里插入图片描述

相关内容

热门资讯

透视神器!微扑克ai辅助,(微... 透视神器!微扑克ai辅助,(微扑克wpk)总是真的是有挂,教你攻略(有挂脚本)微扑克ai辅助辅助器中...
透视教学!wpk辅助插件,(W... 透视教学!wpk辅助插件,(WPk)原来是有挂,技巧教程(有挂攻略);1、首先打开wpk辅助插件最新...
透视辅助!wpkai辅助,(w... 透视辅助!wpkai辅助,(wPk)一贯真的有挂,AI教程(有挂解密)1、游戏颠覆性的策略玩法,独创...
透视讲解!微扑克透牌真假的,(... 透视讲解!微扑克透牌真假的,(微扑克wpk)本来是真的有挂,详细教程(有挂详情);一、微扑克透牌真假...
透视ai代打!微扑克数据采集,... 透视ai代打!微扑克数据采集,(微扑克)真是是有挂,wepoke教程(有挂攻略)1、微扑克数据采集系...
黑科技透视挂!wepoke挂真... 黑科技透视挂!wepoke挂真的假的,(We辅poker助)确实是真的有挂,黑科技教程(有挂技巧);...
讲解辅助挂!德扑之星辅牌,(德... 讲解辅助挂!德扑之星辅牌,(德扑ai)一直是有挂,教你攻略(有挂脚本)1、下载好德扑之星辅牌辅助软件...
ai辅助挂!德州之星有辅助挂吗... ai辅助挂!德州之星有辅助挂吗,(德州ai)竟然是真的有挂,爆料教程(有挂详情)进入游戏-大厅左侧-...
系统辅助挂!德扑之星发牌规律,... 系统辅助挂!德扑之星发牌规律,(德扑之星)真是真的是有挂,技巧教程(有挂黑科技)1、实时德扑之星发牌...
透视最新!微扑克如何让系统发好... 透视最新!微扑克如何让系统发好牌,(wpk微扑克)切实是真的有挂,可靠教程(有挂插件)1、全新机制【...