vue项目CDN托管构建文件,页面懒加载无法找到文件。

新手上路,请多包涵

场景:

  • 项目配置publicPath设置为/path-to-page
  • 页面部署在 my-site.com/path-to-page
  • 构建后静态文件托管在 static.my-site.com 上
  • 在index.html中,把静态文件地址从相对路径替换成了CDN中的绝对路径(path-to-page/js/app.is => static.my-site.com/js/app.js)

这样解决了SPA首页加载的问题,但是开启页面懒加载后,访问新页面,会通过相对路径查找新页面依赖的静态文件,因为构建后的文件需要CDN的绝对路径访问,这时会触发无法找到静态文件的错误。

求助~~

阅读 1.6k
1 个回答
✓ 已被采纳新手上路,请多包涵

已解决

vue.config.js中设置publicPath为static.my-site.com
vue.router中设置base为/path-to-page

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题