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


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

解决方案

步骤1,修改使用路由方式
将路由从history换成hash
Vue项目打包后访问静态资源无法直接访问,路由无法跳转

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

步骤2,修改使用配置文件
Vue项目打包后访问静态资源无法直接访问,路由无法跳转

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

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

感谢您赏阅

原创文章,作者:wure,如若转载,请注明出处:https://blog.ytso.com/270120.html

(0)
上一篇 2022年6月24日
下一篇 2022年6月24日

相关推荐

发表回复

登录后才能评论