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

相关内容

热门资讯

9分钟辅助!赣牌圈控制牌型(辅... 9分钟辅助!赣牌圈控制牌型(辅助挂)原生是有挂(详细辅助科技教程)是一款可以让一直输的玩家,快速成为...
透视好友房!胡乐辅助脚本,牛总... 透视好友房!胡乐辅助脚本,牛总管手游辅助,科技教程(有挂透明);玩家必备必赢加哟《136704302...
4分钟辅助(越乡游破解)本来是... 4分钟辅助(越乡游破解)本来是有挂(详细辅助安装教程);越乡游破解软件透明挂微扑克wpk插件教程:1...
我来分享“欢欢辅助软件怎么样”... 我来分享“欢欢辅助软件怎么样”切实有挂(辅助挂)详细辅助揭秘攻略1、任何ai辅助神器的玩家都可以机会...
透视辅助!中至鹰潭二人对战辅助... 您好,中至鹰潭二人对战辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
第5分钟辅助!蜀山四川智能辅助... 第5分钟辅助!蜀山四川智能辅助插件下载(辅助挂)往昔存在有挂(详细辅助2025新版总结)1、这是跨平...
六分钟辅助(四川途游辅助软件)... 六分钟辅助(四川途游辅助软件)一直是真的有挂(详细辅助分享教程)1、完成四川途游辅助软件的残局,帮助...
技巧知识分享“边锋斗地主微信小... 技巧知识分享“边锋斗地主微信小程序插件”总是真的有挂(辅助挂)详细辅助辅助教程1、下载好边锋斗地主辅...
透视好友!潮汕掌上娱透视软件,... 透视好友!潮汕掌上娱透视软件,728游戏修改器,靠谱教程(有挂软件);亲真的是有正版授权,小编(透视...
1分钟辅助!约局吧辅助器(辅助... 1分钟辅助!约局吧辅助器(辅助挂)固有是真的有挂(详细辅助技巧教程);是一款可以让一直输的玩家,快速...