vue中路由跳转不计入history的操作

 更新时间:2020年09月21日 15:32:30   作者:雨化  
这篇文章主要介绍了vue中路由跳转不计入history的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

我就废话不多说了,大家还是直接看代码吧~

 <van-field
  label="选择部门"
  :value="arr.DepartMentName"
  readonly
  right-icon="arrow"
  @click="$router.replace({ name: 'tree' })"
  />

在下个页面使用replace跳回来即可

补充知识:vue-router模式为history的项目打包发布后不能通过地址栏里的地址进行路由跳转

项目打包发布后不能通过地址栏里的地址进行路由跳转,地址栏里回车访问就直接404

本项目使用nginx发布,所以这里只有nginx的配置方式。

修改nginx的配置文件

server {
  listen  8080;
  server_name localhost;
  #charset koi8-r;
  #access_log logs/host.access.log main;
  location / {
   try_files $uri $uri/ /index.html;#必须要有的
   root /home/dist/;#打包后的项目路径,index.html所在文件夹
   index index.html index.htm;
  }
}

以上这篇vue中路由跳转不计入history的操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 解决vant title-active-color与title-inactive-color不生效问题

    解决vant title-active-color与title-inactive-color不生效问题

    这篇文章主要介绍了解决vant title-active-color与title-inactive-color不生效问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • Vue3中ref和reactive的区别及说明

    Vue3中ref和reactive的区别及说明

    在Vue3中,ref主要用于基本数据类型和单个数据管理,需要用.value访问,reactive适用于对象和多数据管理,直接访问属性,ref支持解构保持响应性,reactive解构后失去响应性,选择合适的方法可以使代码更优化
    2024-11-11
  • vue中for循环作用域问题处理方式

    vue中for循环作用域问题处理方式

    这篇文章主要介绍了vue中for循环作用域问题处理方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11
  • vuex存值与取值的实例

    vuex存值与取值的实例

    今天小编大家分享一篇vuex存值与取值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue element upload实现图片本地预览

    vue element upload实现图片本地预览

    这篇文章主要为大家详细介绍了vue element upload实现图片本地预览,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-08-08
  • vue-cli3 DllPlugin 提取公用库的方法

    vue-cli3 DllPlugin 提取公用库的方法

    这篇文章主要介绍了vue-cli3 DllPlugin 提取公用库 ,需要的朋友可以参考下
    2019-04-04
  • Vue实现左右菜单联动实现代码

    Vue实现左右菜单联动实现代码

    这篇文章主要介绍了Vue实现左右菜单联动实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • vue-cli 环境变量 process.env的使用及说明

    vue-cli 环境变量 process.env的使用及说明

    这篇文章主要介绍了vue-cli 环境变量 process.env的使用及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • vue-better-scroll 的使用实例代码详解

    vue-better-scroll 的使用实例代码详解

    这篇文章主要介绍了vue-better-scroll 的使用实例代码详解,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-12-12
  • vue长按事件touch示例详解

    vue长按事件touch示例详解

    这篇文章主要介绍了vue长按事件touch,文末给大家补充介绍了Vue长按触摸事件的实现代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07

最新评论