vue.js路由mode配置之去掉url上默认的#方法
更新时间：2019年11月01日 11:16:36 作者：LHB雷欧奥特曼
今天小编就为大家分享一篇vue.js路由mode配置之去掉url上默认的#方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
比如 ： http://localhost:8080/#/login 路由中间默认带有 #
如果需要去掉#，只需将mode的默认值'hash'改为'history'即可。
router.js :
import Router from 'vue-router'
import routers from './routers'
export default () => {
return new Router({
routers,
mode: 'history' // 加上这个配置项，url默认的 # 就不会出现了
})
}
关于mode说明：
默认值： ‘hash‘(浏览器) 或 ‘abstract‘(node.js)
可选值 ： ‘hash' | ‘history' | ‘abstract'
hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HTML5 History Api 的浏览器。
history: 依赖 HTML5 History API 和服务器配置。点击查看官方HTML5 History 模式说明.
abstract: 支持所有 JavaScript 运行环境，如 Node.js 服务器端。如果发现没有浏览器的 API，路由会自动强制进入这个模式。
以上这篇vue.js路由mode配置之去掉url上默认的#方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
今天小编就为大家分享一篇用vue-cli开发vue时的代理设置方法，具有很好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
下面小编就为大家分享一篇解决vue-router中的query动态传参问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了vue中forEach循环的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
本文给大家分享一段详细的代码给大家介绍Vue+Vux项目实践思路,需要的朋友可以参考下2017-11-11
这篇文章主要介绍了vue diff算法的使用，帮助大家更好的理解和学习使用vue，感兴趣的朋友可以了解下2021-04-04
vue2.0 computed 计算list循环后累加值的实例
下面小编就为大家分享一篇vue2.0 computed 计算list循环后累加值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
在本篇文章中小编给大家分享了关于vue源码架构的相关知识点内容，有需要的朋友们学习下。2019-01-01
这篇文章主要介绍了vue请求数据的三种方式,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
Vue.js中的插槽（slot）是一种机制，允许你在组件的模板中预留一些位置，以便父组件可以将任意内容插入到这些位置，这使得组件更加灵活和可复用，本文主要介绍了vue中slot插槽的参数汇总及使用方案,需要的朋友可以参考下2024-03-03
假设 App 的用户可以在短时间内进行多个 API 调用,但您只想显示上次调用的结果,之前正在进行的请求变得无关紧要,在这种情况下,您可以利用 Axios 拦截器,本文给大家介绍了如何使用Axios拦截器中止Vue请求,需要的朋友可以参考下2023-11-11
最新评论