当前位置:   article > 正文

Vue--解决build静态资源后无法直接访问问题

vue--解决build静态资源后无法直接访问问题

问题原因,打包之后访问路径错误,index.html打开是空白,
F12报错找不到引用文件,一看引用在了根目录(文件所在盘,如:C盘、E盘)

解决

步骤1,修改使用路由方式

将路由从history换成hash
在这里插入图片描述

const router = new VueRouter({
  mode: "hash",
  base: process.env.BASE_URL,
  routes
});
  • 1
  • 2
  • 3
  • 4
  • 5
步骤2,修改使用配置文件

在这里插入图片描述

// vue.config.js
module.exports = {
    // 解决不引用就会报错
    lintOnSave: false,
    publicPath: "./",
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
之后静态html访问成功
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/258719
推荐阅读
相关标签
  

闽ICP备14008679号