第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如果 URL 不包含哈希值(未指定輸入文件),Vue 路由會中斷

如果 URL 不包含哈希值(未指定輸入文件),Vue 路由會中斷

守著星空守著你 2021-12-23 14:28:06
我需要在默認(rèn)模式下運行 Vue 路由器(也就是散列模式,也就是我不能在history模式下運行它)。在那種模式下,我所有的動態(tài)路由都包含一個前導(dǎo),例如http://myurl.com/#/highlights. 但是,如果您刪除該前導(dǎo)哈希,例如 ( http://myurl.com/highlights) 站點會中斷(給出錯誤no input file specified)。我的目標(biāo)是確保如果不滿足任何匹配的路由條件,并且用戶未通過身份驗證,則將用戶重定向到登錄屏幕,如果他們通過身份驗證但沒有匹配路由,則將其重定向到主頁.這是我的router.js:import Vue from 'vue'import Router from 'vue-router'import Home from './views/Home.vue'import Programs from './views/Programs.vue'import Sizzle from './views/Sizzle.vue'import Login from './views/Login.vue'Vue.use(Router)export default new Router({  routes: [    {      path: '/',      redirect: {        name: "login"      }    },    {      path: "/login",      name: "login",      component: Login,    },    {      path: '/highlights/:slug?',      name: 'home',      component: Home,      props: (route) => ({ slug: route.params.slug || categories[0].slug })    },    {      path: '*',      redirect: {        name: "login"      }    }  ]})*請注意,這categories是我在加載任何 Vue.js 文件之前通過腳本標(biāo)記全局實例化的 javascript 變量。
查看完整描述

2 回答

?
慕斯709654

TA貢獻1840條經(jīng)驗 獲得超5個贊

為了擺脫散列,我們可以使用路由器的歷史模式,它利用history.pushStateAPI 實現(xiàn) URL 導(dǎo)航,而無需重新加載頁面:


const router = new VueRouter({

  mode: 'history',

  routes: [...]

})

避免在使用歷史模式時出錯。您需要適當(dāng)?shù)姆?wù)器配置,


示例服務(wù)器配置

阿帕奇

<IfModule mod_rewrite.c>

  RewriteEngine On

  RewriteBase /

  RewriteRule ^index\.html$ - [L]

  RewriteCond %{REQUEST_FILENAME} !-f

  RewriteCond %{REQUEST_FILENAME} !-d

  RewriteRule . /index.html [L]

</IfModule>

娘娘腔

location / {

  try_files $uri $uri/ /index.html;

}

欲了解更多信息。訪問文檔 https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations


查看完整回答
反對 回復(fù) 2021-12-23
?
白衣非少年

TA貢獻1155條經(jīng)驗 獲得超0個贊

正如官方文檔所說,它的默認(rèn)模式vue-router是哈希模式——它使用 URL 哈希來模擬完整的 URL,這樣當(dāng) URL 更改時頁面不會重新加載。

當(dāng)您使用歷史模式時,如果沒有正確的服務(wù)器配置,如果用戶http://myurl.com/highlights直接在瀏覽器中訪問,他們將收到 404 錯誤。

因此,您需要做的就是向您的服務(wù)器添加一個簡單的全能回退路由。如果 URL 與任何靜態(tài)資產(chǎn)都不匹配,則它應(yīng)該提供與index.html您的應(yīng)用所在的頁面相同的頁面。

更多服務(wù)器配置信息可以查看這個-example-server-configurations


查看完整回答
反對 回復(fù) 2021-12-23
  • 2 回答
  • 0 關(guān)注
  • 259 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號