Vue项目(vue-cli 3/4)当我在CDN上承载静态文件时，延迟加载路由不能到达静态文件。

Question

例如：

在https://my-site.com/my-path/

• set https://static.my-site.com/

publicPath of vue.config.js上，

• 托管my页面到/my-path/
• 托管https://static.my-site.com/

上的静态文件。

当我使用lasy加载路由时，该路由尝试在https://my-site.com/my-path/js/xxxxx.js上加载文件，但是我的静态文件托管在https://static.my-site.com,so上--这就产生了一个404问题。

我该怎么解决这个问题。

Answer 1

这里有两件事要做..。

1. 将您的publicPath设置为静态站点基URL

// vue.config.js module.exports ={ publicPath: process.env.NODE_ENV === "production“？"https://static.my-site.com/”："/“

1. 将路由器的base设置为应用程序的基本路径

从" Vue“导入VueRouter，Vue.use(VueRouter) const路由器=新VueRouter({ base: process.env.NODE_ENV === "production”？"/my-path/“：”//“，路由：. })

Answer 2

可以使用导入语句中的绝对位置。