Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[vue] vue-router怎么配置404页面? #418

Open
haizhilin2013 opened this issue Jun 22, 2019 · 10 comments
Open

[vue] vue-router怎么配置404页面? #418

haizhilin2013 opened this issue Jun 22, 2019 · 10 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

[vue] vue-router怎么配置404页面?

@haizhilin2013 haizhilin2013 added the vue vue label Jun 22, 2019
@wenyejie
Copy link

path: '*'

@slmyer
Copy link

slmyer commented Jun 27, 2019

path: '*' 是对的 但是应该放在最后一个

@xjt31012
Copy link

const router = new VueRouter({ mode: 'history', routes: [ { path: '*', component: NotFoundComponent } ] })

@sky124380729
Copy link

path: '*' 是对的 但是应该放在最后一个

这里请教一下,为什么要放到最后,有什么影响吗

@fengDongll
Copy link

path: '*' 是对的 但是应该放在最后一个

这里请教一下,为什么要放到最后,有什么影响吗

*代表全匹配 你放在第一个 不管地址是什么都会 匹配到了 放在最后一个 前面有的就不会匹配到

@liuxiaoyang1
Copy link

将path:*放在最后,因为如果你放在前面会导致后面的的不能匹配,

@LQY-3777
Copy link

@zlqGitHub
Copy link

export default {
    path: '*',
    name: '404',
    component: '组件404',
}

需注意:将改路由配置放到所有路由的配置信息的最后,否则会其他路由path匹配造成影响。

@WenJieLi1998
Copy link

{
// 会匹配所有路径
// 含有通配符的路由应该放在最后
path: '*',
name: '404',
component: () => import('../views/404.vue')
}

@Funqiewei
Copy link

{
path: '*',
name:'error',
component:xxxxx, //404组件
},

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
vue vue
Projects
None yet
Development

No branches or pull requests