Vue项目打包后访问静态资源无法直接访问,路由无法跳转

问题原因,打包之后访问路径错误,index.html打开是空白

解决方案

步骤1,修改使用路由方式
将路由从history换成hash

const router = new VueRouter({
  mode: "hash",
  base: process.env.BASE_URL,
  routes
});

步骤2,修改使用配置文件

module.exports = {
    // 解决不引用就会报错
    lintOnSave: false,
    publicPath: "./",
}

然后打包,再访问,问题就解决了

感谢您赏阅

posted on   铃之森  阅读(2975)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示