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

2022年6月24日 04:29 • 编程笔记 • 阅读 37

问题原因，打包之后访问路径错误，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/tech/pnotes/270120.html