Vue 打包上线之后页面一片空白?

作者站长头像
站长
· 阅读数 19

注意!不是静态资源路径的问题!

描述一下情况:

1.地址能打开,属于 history 模式,/login 之类的地址都能打开2.资源加载成功,Vue 代码的 css 和 js 都正确,favicon 也拿到了3.Vue 加载正确,App mounted 有 log 返回4.Route 加载正确,APP mounted 有 $route 返回,里面地址信息正确5.#app 元素加载正确

感觉是我业务代码的问题,可是本地代码跑起来是正常的!

回复
1个回答
avatar
test
2024-06-20

破案了,就是地址不对原本的线上地址是:ip:port/BASEURL/#/login

然后 ip:port 的部署整多了,忘记了 ip:port/BASEURL 的地址是不识别的,

new Router({ base }) 这个添加一下就好,蛮低级的错误,引以为戒!

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容