最近在配置由 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
})