vue-cli3构建后生成的css与js放在cdn上

Question

使用vue-cli3构建后生成的css与js放在cdn上，并且修改index.html上的js与css地址，使用cdn地址。发现除了首页，后续页面无效，还说引用的本地js和css

Answer 1

你这样做是没有用的，因为很多资源的加载是在js里面完成的。

要做cdn的切割，你需要 用到 vue-cli 中的配置 publicPath

相关的文档说 publicPath

下面是示例配置 vue.config.js

module.exports = {
   publicPath:"http://www.xxx.com" // 这个地方就是你的cdn的地址
}

注意 首页你也不需要手动去改，vue-cli会自动帮你处理调