欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

vue router中mode history、base的作用说明

时间:2023-03-14 14:13:25|栏目:vue|点击:

mode history、base的作用

mode history的含义

mode history 代表,路由不再显示hash,会像如下形式:

histroy

  • localhost:8080/user/list

hash

  • localhost:8080/#/user/list

base的含义

base也比较好理解,代表着是基本的路由请求的路径。参考 :

如:base: ‘/app/’

那么所有的请求都会在url之后加上/app/

应用的基路径。例如,如果整个单页应用服务在 /app/ 下,然后 base 就应该设为 “/app/”

vue-router的base和mode配置项

路由代码如下

const router = new VueRouter({
  mode: 'history',
  base: '/vue',
  routes
})

1) mode??

mode: 'history’表示,访问路径不带#号,如:http://localhost:8080/vue

在这里插入图片描述

2) base??

配置单页应用的基路径,当点击路由时:

 <router-link to="/">Home</router-link> |
 <router-link to="/about">About</router-link>

会带上项目基路径,如:http://localhost:8080/vue/about

在这里插入图片描述

浏览器地址栏http://localhost:8080/vue/这样访问,表示是访问该项目

上一篇:Vue实现简单的发表评论功能

栏    目:vue

下一篇:没有了

本文标题:vue router中mode history、base的作用说明

本文地址:http://www.codeinn.net/misctech/227403.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有