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
 
        })

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vite中如何使用@ 配置路径别名

    vite中如何使用@ 配置路径别名

    这篇文章主要介绍了vite中如何使用@ 配置路径别名,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • vue里面如何使用图片的懒加载

    vue里面如何使用图片的懒加载

    这篇文章主要介绍了vue里面如何使用图片的懒加载,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Vue 项目代理设置的优化

    Vue 项目代理设置的优化

    这篇文章主要介绍了Vue 项目代理设置的优化功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-04-04
  • 浅析vue-router中params和query的区别

    浅析vue-router中params和query的区别

    这篇文章主要介绍了vue-router中params和query的区别,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • vue实现At人文本输入框示例详解

    vue实现At人文本输入框示例详解

    这篇文章主要为大家介绍了vue实现At人文本输入框示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • vue实现动态给data函数中的属性赋值

    vue实现动态给data函数中的属性赋值

    这篇文章主要介绍了vue实现动态给data函数中的属性赋值,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • Vue表单快速上手

    Vue表单快速上手

    工作中vue表单使用的最多的莫过于input、textarea、select等,原生js的基础上vue通过双向数据绑定等,实现了自己独有的一套指令,这是react中没有的部分,也算是vue的一大特色
    2022-09-09
  • Vue组件解析之如何自定义弹窗组件ByDialog

    Vue组件解析之如何自定义弹窗组件ByDialog

    这篇文章主要介绍了Vue组件解析之如何自定义弹窗组件ByDialog问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • vue+element的表格实现批量删除功能示例代码

    vue+element的表格实现批量删除功能示例代码

    这篇文章主要介绍了vue+element的表格实现批量删除功能示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 详解Vue CLI3 多页应用实践和源码设计

    详解Vue CLI3 多页应用实践和源码设计

    这篇文章主要介绍了详解Vue CLI3 多页应用实践和源码设计,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08

最新评论