vue中路由跳轉(zhuǎn)不計(jì)入history的操作

更新時(shí)間：2020年09月21日 15:32:30 作者：雨化

這篇文章主要介紹了vue中路由跳轉(zhuǎn)不計(jì)入history的操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

我就廢話不多說了，大家還是直接看代碼吧~

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

在下個(gè)頁面使用replace跳回來即可

補(bǔ)充知識：vue-router模式為history的項(xiàng)目打包發(fā)布后不能通過地址欄里的地址進(jìn)行路由跳轉(zhuǎn)

項(xiàng)目打包發(fā)布后不能通過地址欄里的地址進(jìn)行路由跳轉(zhuǎn),地址欄里回車訪問就直接404

本項(xiàng)目使用nginx發(fā)布，所以這里只有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/;#打包后的項(xiàng)目路徑，index.html所在文件夾
   index index.html index.htm;
  }
}

以上這篇vue中路由跳轉(zhuǎn)不計(jì)入history的操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

解決vant title-active-color與title-inactive-color不生效問題
這篇文章主要介紹了解決vant title-active-color與title-inactive-color不生效問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
Vue3中ref和reactive的區(qū)別及說明
在Vue3中,ref主要用于基本數(shù)據(jù)類型和單個(gè)數(shù)據(jù)管理,需要用.value訪問,reactive適用于對象和多數(shù)據(jù)管理,直接訪問屬性,ref支持解構(gòu)保持響應(yīng)性,reactive解構(gòu)后失去響應(yīng)性,選擇合適的方法可以使代碼更優(yōu)化
2024-11-11
vue中for循環(huán)作用域問題處理方式
這篇文章主要介紹了vue中for循環(huán)作用域問題處理方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-11-11
vuex存值與取值的實(shí)例
今天小編大家分享一篇vuex存值與取值的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
vue element upload實(shí)現(xiàn)圖片本地預(yù)覽
這篇文章主要為大家詳細(xì)介紹了vue element upload實(shí)現(xiàn)圖片本地預(yù)覽，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-08-08
vue-cli3 DllPlugin 提取公用庫的方法
這篇文章主要介紹了vue-cli3 DllPlugin 提取公用庫 ,需要的朋友可以參考下
2019-04-04
Vue實(shí)現(xiàn)左右菜單聯(lián)動實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue實(shí)現(xiàn)左右菜單聯(lián)動實(shí)現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-08-08
vue-cli 環(huán)境變量 process.env的使用及說明
這篇文章主要介紹了vue-cli 環(huán)境變量 process.env的使用及說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-12-12
vue-better-scroll 的使用實(shí)例代碼詳解
這篇文章主要介紹了vue-better-scroll 的使用實(shí)例代碼詳解，代碼簡單易懂，非常不錯，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-12-12
vue長按事件touch示例詳解
這篇文章主要介紹了vue長按事件touch,文末給大家補(bǔ)充介紹了Vue長按觸摸事件的實(shí)現(xiàn)代碼，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-07-07