在使用Vue CLI构建的项目中，当切换到vue-router的history模式时，遇到页面刷新报404的错误。问题在于history模式下，路由依赖服务器配置。正常跳转没问题，但刷新时，服务器无法识别非根路径的URL，导致404。解决方案通常涉及到在服务器端设置所有未找到的请求都指向项目的入口文件，例如index.html。
我是用vue-cli来构建的项目,使用了vue-router来做路由,如果使用 "hash"模式,随便怎么点击,或者刷新都是正常的,但是使用history模式,点击是可以正常跳转,但是页面一刷新就报404 找不到.
这是index页面报错,很奇怪的是,那个路径里的main是我配置的路由,不知道为什么那个main路由会添加到我的index页面里的引入地址里.
下面是我的index.html页面的代码
let router = new VueRouter({
mode: "history",
// base: '../',
routes: [
{
path: "/", component: logincomponent, name: "login",
meta: {requiresAuth: true}
},
{
path: "/main", component: appcomponent
, children: [
{
path: "logmanage", component: logcomponent, name: "logmanage"
},
{
path: "servermanage", name: "servermanage", component: {
template: "
}
},
{
path: "configmanage", name: "configmanage", component: {
template: "
}
},
{
path: "/", component: logcomponent, name: "logmanage"
},
]
},
{
path: "/login", component: logincomponent, name: "login",
meta: {requiresAuth: true}
},
]
});
这段是我的路由设置
哪位大神能帮我解答下啊?
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
