vue-router history模式,vue-router base

  vue-router history模式,vue-router base

  摘要:本文主要介绍了vuerouter中modehistory和base的功能,具有很好的参考价值。希望对你有帮助。如有错误或不足之处,请不吝赐教。

  

目录

  模式历史的功能和模式历史的基本含义vue路由器的基本和模式配置项的路由代码如下

  

mode history、base的作用

  

mode history的含义

  模式历史意味着路由将不再显示哈希,而是如下所示:

  历史

  localhost:8080/user/listhash

  localhost:8080/#/用户/列表

  

base的含义

  Base也很容易理解,表示基本路由请求的路径。参考:

  如:base:/app/

  那么所有请求都将附加/app/

  应用程序的基路径。例如,如果整个单页应用程序服务在/app/下,那么base应该设置为“/app/”

  

vue-router的base和mode配置项

  

路由代码如下

  const router=new VueRouter({

  模式:“历史”,

  基底:/vue ,

  路线

  })

  1) mode

  Mode: history 的意思是# xff0c不带#的访问路径,如:http://localhost:8080/vue

  2) base

  配置单页应用程序的基本路径。单击路线时:

  路由器链接到=/ Home/路由器链接

  路由器链接到=/about about/路由器链接

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

  浏览器地址栏3358 localhost:8080/vue/是这样访问的,表示正在访问项目。

  以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: