vue-cli publicpath 设置 cdn 路由问题

最近在配置由 vue-cli 搭建的项目中使用 CDN 资源,根据文档介绍将 publicPath 设置为 CDN 路径,可是发布上线后却发现 vue-router 生成的路由在跳转时会带有 CDN 的路径,文档里没有相关问题的介绍和解决方案,最后查找了一下 vue-cli 的 issues 也有人遇到同样的问题,并且成功的解决了这个问题,其实只是把 vue-router 的 base 设置成 '/' 就可以了:

new Router({

     mode: process.env.BASE_URL ? 'history' : 'hash',

     base: '/',

      routes: routes

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 8,479评论 1 22
  • 创建项目 vue cli是一个基于vue.js进行快速开发的完整系统,通常包含三个组件,分别是: cli:@vue...
    JunChow520阅读 6,612评论 0 0
  • 一、vue-router实现原理 SPA(single page application):单一页面应用程序,只有...
    walycode阅读 4,655评论 1 3
  • 社群就是一个场,价值传递和情感共鸣的能量场。 能量场有自己的频率,也就是变现出来的活跃度,群质量。 在社群中,能够...
    梵天说阅读 5,339评论 18 10
  • iPhone无法保存WIFI/HTTP Proxy设置iPhone无法保存网络代理设置 https://discu...
    小杰杰杰阅读 11,787评论 2 1