Vue路由自动添加#的问题及解决
更新时间:2022年10月09日 16:13:32 作者:LeBRON12234
这篇文章主要介绍了Vue路由自动添加#的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
Vue路由自动添加#
在使用VueRouter时,配置了几个路由规则
尝试在浏览器中输入路由地址(/order,/person等)来测试Vue组件是否跳转成功,发现浏览器总是自动在最后添加#/home,导致跳转失败。
将路由模式设置为history,问题解决。
Vue路由去除 链接 / 前面的 #
在创建router实列化的地方添加mode模式即可
const router=new VueRouter({ mode: 'history', // 添加了mode 为history模式 routes })
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
表单类控件承载了一个网页数据的录入与交互,本章将介绍如何使用指令v-model完成表单的数据双向绑定功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值。感兴趣的朋友跟随小编一起看看吧2019-04-04Element-Plus Select组件实现滚动分页加载功能
Element-Plus的select组件并没有自带滚动分页加载的功能,其虽然提供了自定义下拉菜单的底部的方式可以自定义上一页及下一页操作按钮的方式进行分页加载切换,这篇文章主要介绍了Element-Plus Select组件实现滚动分页加载功能,需要的朋友可以参考下2024-03-03Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
这篇文章主要介绍了Vue移动端用淘宝弹性布局lib-flexible插件做适配的操作方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-05-05vue全局引入公共的scss和@mixin与@include的使用方式
这篇文章主要介绍了vue全局引入公共的scss和@mixin与@include的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
最新评论