提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

vue系列：当vue路由配置history模式页面加载不出来的bug

BUGVue路由配置模式 系列 页面 加载
2023-09-27 14:27:09 时间

概述

在vue中，当你路由配置 history 模式的时候，在你本地跑 localhost:8080 的时候没有问题，但是当你把 index.html 给后端，让他链接上你的 dist 文件的静态资源的时候，可能会出现页面加载不出来也不报错的情况。

解决方案

比如这时地址是 https://e.mytest.cn/example，你的路由是在 example 之后拼接的。
方法一：你需要让后端在 <head></head> 中加一行代码
<base href="/example/">
方法二：在vue路由配置中加上 base 选项

export default new Router({
  mode: 'history',
  base: '/example/',
  routes: []
})

相关文章