vue打包上线404问题

Question

一个微信公众号项目，history模式，打包上传到线上之后，路由失效，链接的网页图片也展示不出来，然后报错404，目前只是前端展示，不接触调接口，展示部分都为链接的oss里的图片

vue.config.js如上配置
希望路过的给点思路，感谢各位了！！

Answer 1

同意 陌上云桑 的说法，你需要先确定你资源的正确路径

常见的手段，你可以尝试一下

• 加个dist
• 加个js
• 直接找根路径

但是你这个情况呀，我猜测问题有很大几率在你的路由配置上，比如说你用的是 node 的 express，然后没配置多层级。

Answer 2

建议直接吧出错的图片地址贴浏览器看能不能显示图片，如果能显示图片检查一下是不是跨域问题，如果不能显示图片，就先查下地址问题

Answer 3

修改baseUrl静态资源访问路径：

baseUrl: process.env.NODE_ENV === 'production' ? './wxgzh' : './'

Answer 4

你的vue cli是哪个版本? baseUrl从 Vue CLI 3.3 起已弃用，请使用publicPath。

Answer 5

这个情况可能与 vue-router 的 history 模式有关，刷新页面的时候，当成了GET请求了，可以参考这个来解决：https://router.vuejs.org/zh/g...