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

相关内容

热门资讯

终于清楚“拱趴大菠萝辅助神器”... 终于清楚“拱趴大菠萝辅助神器”竟然有挂(辅助挂)详细辅助我来教教你拱趴大菠萝是一种具有地方特色的麻将...
1分钟辅助!潜江晃晃辅助(辅助... 1分钟辅助!潜江晃晃辅助(辅助挂)起初真的是有挂(详细辅助扑克教程),您好,潜江晃晃辅助这款游戏可以...
透视代打!aapoker公共底... 透视代打!aapoker公共底牌,白银胡乐辅助脚本最新版安装方法,透视教程(有挂脚本);1、全新机制...
第5分钟辅助!微乐小程序辅助收... 第5分钟辅助!微乐小程序辅助收费(辅助挂)原来真的有挂(详细辅助必胜教程);第5分钟辅助!微乐小程序...
今日公布“新518互游辅助”果... 今日公布“新518互游辅助”果然是真的有挂(辅助挂)详细辅助细节揭秘;1、构建自己的辅助插件;2、选...
透视实锤!wejoker辅助软... 透视实锤!wejoker辅助软件,衢州都莱辅助器是真是假,AA德州教程(有挂细节)1、金币登录送、破...
两分钟辅助!广东雀神挂件脚本开... 两分钟辅助!广东雀神挂件脚本开挂(辅助挂)竟然是有挂(详细辅助技巧教程);两分钟辅助!广东雀神挂件脚...
总算了解“潮汕暗宝辅助器”好像... 总算了解“潮汕暗宝辅助器”好像有挂(辅助挂)详细辅助AI教程1、打开软件启动之后找到中间准星的标志长...
透视智能ai!pokerwor... 透视智能ai!pokerworld破解版下载,心悦填大坑辅助器下载,切实教程(有挂介绍);1、下载好...
六分钟辅助!唐山撸麻雀德技巧(... 六分钟辅助!唐山撸麻雀德技巧(辅助挂)确实真的是有挂(详细辅助科技教程)1、构建自己的微扑克辅助插件...