查漏补缺——路由显示的是http://localhost:8080/#/，后面带有井号，应该怎 ...

问题

如题所示
答案

vue地址去掉 #
VUE路由去掉“#”
修改前源码是这样的：

1. export default new Router({
2.   routes: [
3.     {
4.       path: '/',
5.       name: 'hzhHome',
6.       component: () => import('@/views/hzhHome.vue'),
7.       meta: { title: '首页' }
8.     },
9.     {
10.       path: '/hzhSearch/:words',
11.       name: 'hzhSearch',
12.       component: () => import('@/views/hzhHome.vue'),
13.       meta: { title: '搜索', params: 'words'}
14.     },
15.     {
16.       path: '/hzhAbout',
17.       name: 'hzhAbout',
18.       component: () => import('@/views/hzhAbout.vue'),
19.       meta: { title: '关于' }
20.     },
21.     {
22.       path: '/hzhFriend',
23.       name: 'hzhFriend',
24.       component: () => import('@/views/hzhFriend.vue'),
25.       meta: { title: '友链' }
26.     },
27.     {
28.       path: '/hzhArticle',
29.       name: 'hzhArticle',
30.       component: () => import('@/views/hzhArticles.vue'),
31.       meta: { title: '文章' }
32.     }
33.   ]
34. })

复制代码

修改之后源码是这样的：

1. export default new Router({
2.   mode: 'history',
3.   routes: [
4.     {
5.       path: '/',
6.       name: 'hzhHome',
7.       component: () => import('@/views/hzhHome.vue'),
8.       meta: { title: '首页' }
9.     },
10.     {
11.       path: '/hzhSearch/:words',
12.       name: 'hzhSearch',
13.       component: () => import('@/views/hzhHome.vue'),
14.       meta: { title: '搜索', params: 'words'}
15.     },
16.     {
17.       path: '/hzhAbout',
18.       name: 'hzhAbout',
19.       component: () => import('@/views/hzhAbout.vue'),
20.       meta: { title: '关于' }
21.     },
22.     {
23.       path: '/hzhFriend',
24.       name: 'hzhFriend',
25.       component: () => import('@/views/hzhFriend.vue'),
26.       meta: { title: '友链' }
27.     },
28.     {
29.       path: '/hzhArticle',
30.       name: 'hzhArticle',
31.       component: () => import('@/views/hzhArticles.vue'),
32.       meta: { title: '文章' }
33.     }
34.   ]
35. })

复制代码

最后的效果是这样的：


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！