国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<sub id="kpjdw"></sub>

<samp id="kpjdw"></samp>

路由hash模式改成history模式的前端vue配置與后端配置

2年前作者：東之健大壞蛋分類：Toy博客閱讀(28)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了路由hash模式改成history模式的前端vue配置與后端配置。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

示例項(xiàng)目地址：http://172.00.00.000:8888/Web/static/index.html/index ,其中：
/Web/static/ 表示項(xiàng)目部署路徑，每個(gè)人的路徑不一樣，vue默認(rèn)路徑是根路徑/，如果你項(xiàng)目不是部署在根路徑，那就需要修改一些配置
index.html 表示項(xiàng)目入口文件
/index 表示項(xiàng)目首頁的路由地址

vue前端配置
1.配置路由history模式并配置base

const router = new VueRouter({
  routes,
  mode: 'history', // 必須，將路由改為history模式
  base: '/Web/static/index.html/' // 可選，默認(rèn)為/表示根路徑，如果你的項(xiàng)目部署在根路徑則不需要配置這個(gè)屬性，否則需要像這樣配置，這樣在history模式下每次路由跳轉(zhuǎn)都會將這個(gè)base值加入url里面
})

2.vue.config.js中修改publicPath屬性

// vue.config。js
module.exports = {
  publicPath: '/Web/static/' // 可選，默認(rèn)值為/表示根路徑，如果你的項(xiàng)目部署在根路徑則不需要配置這個(gè)屬性，否則需要像這樣配置，這樣在history模式下會去往這個(gè)絕對路徑尋找靜態(tài)資源
}

當(dāng)然前面的配置都是基于生產(chǎn)環(huán)境，要想不影響開發(fā)環(huán)境，可以判斷一下：

base: process.env.NODE_ENV === 'production' ? '/Web/static/index.html/' : '/'
publicPath: process.env.NODE_ENV === 'production' ? '/Web/static/' : '/'

后端配置
history模式需要后端配合，具體的后端配置可以在網(wǎng)上找到，方法是獲取不到資源時(shí)將url重寫到 /index.html
特別注意的是，如果你的項(xiàng)目沒有部署在根路徑，那么你需要寫入完整路徑，例如 /Web/static/index.html文章來源地址http://www.zghlxwxcb.cn/news/detail-606387.html

到了這里，關(guān)于路由hash模式改成history模式的前端vue配置與后端配置的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

vue路由的兩種模式 hash與history
Vue 路由是 Vue.js 框架提供的一種機(jī)制，用于實(shí)現(xiàn)單頁面應(yīng)用（Single-Page Application，簡稱 SPA）中的前端路由功能。它允許通過定義不同的路由路徑和對應(yīng)的組件，來管理應(yīng)用程序中不同頁面或視圖的展示和切換。 Vue 路由使用了瀏覽器的 History API 或 hash（#）來實(shí)現(xiàn)路由導(dǎo)航。通
2024年02月10日
瀏覽(28)
vue3如何切換hash/history兩種路由模式
本文介紹了在vue3中，如何使用history和hash兩種路由模式的方法 1、history模式使用createWebHistory 2、hash模式使用createWebHashHistory 綜上所述： history 對應(yīng) createWebHistory hash 對應(yīng) createWebHashHistory
2024年02月13日
瀏覽(28)
VUE 配置history路由模式配置
vue-router 默認(rèn) hash 模式 —— 使用 URL 的 hash 來模擬一個(gè)完整的 URL，于是當(dāng) URL 改變時(shí)，頁面不會重新加載。如果不想要很丑的 hash，我們可以用路由的 history 模式，這種模式充分利用 history.pushState API 來完成 URL 跳轉(zhuǎn)而無須重新加載頁面。當(dāng)你使用 history 模式時(shí)，URL 就像正常
2024年02月10日
瀏覽(27)
路由的hash和history模式的區(qū)別
目錄 ? 路由模式概述一. 路由的hash和history模式的區(qū)別 1. hash模式 2. history模式 3. 兩種模式對比二. 如何獲取頁面的hash變化單頁應(yīng)用是在移動互聯(lián)時(shí)代誕生的，它的目標(biāo)是不刷新整體頁面，通過地址欄中的變化來決定內(nèi)容區(qū)域顯示什么內(nèi)容。要達(dá)成這個(gè)目標(biāo)，我們要用到前
2024年02月14日
瀏覽(23)
Vue3 Vue-Router詳解 Vue3配置hash 和 history路由、Vue3封裝的路由hook函數(shù)(useRouter,useRoute)的使用路由懶加載、路由分包處理、魔法注釋的使用
?html部分 js部分 ?html頁面使用路由傳來的參數(shù) ?獲取router跳轉(zhuǎn)id 獲取?路由跳轉(zhuǎn)錯(cuò)誤地址
2024年02月11日
瀏覽(24)
Vue history和hash模式
???????? ~~~~~~~~ ? ? ? ? ? ? ? ? 在Vue.js中，路由模式是用來管理應(yīng)用程序中不同頁面之間的導(dǎo)航的機(jī)制。Vue Router支持兩種常見的路由模式：history模式和hash模式。 History 模式： ???????? ~~~~~~~~ ? ? ? ? ? ? ? ? History模式使用瀏覽器的history.pushState API 來管理路由。它
2024年02月12日
瀏覽(28)
vue3中路由hash與History的設(shè)置
?history模式直接指向history對象，它表示當(dāng)前窗口的瀏覽歷史，history對象保存了當(dāng)前窗口訪問過的所有頁面網(wǎng)址。URL中沒有#，它使用的是傳統(tǒng)的路由分發(fā)模式，即用戶在輸入一個(gè)URL時(shí)，服務(wù)器會接收這個(gè)請求，并解析這個(gè)URL，然后做出相應(yīng)的邏輯處理。當(dāng)使用history模式時(shí)，
2024年02月16日
瀏覽(31)
Vue-router中的Hash模式與History模式
在Vue Router中，Hash模式是一種URL的哈希模式，也被稱為錨點(diǎn)模式。在Hash模式下，URL中的哈希部分（即#號后面的內(nèi)容）會被用作路由的標(biāo)識符，而不會觸發(fā)瀏覽器向服務(wù)器發(fā)送請求。 Hash模式的URL示例： http://example.com/#/home 在Hash模式下，Vue Router會監(jiān)聽URL中哈希部分的變化，并
2024年02月15日
瀏覽(18)
Vue路由模式（history模式刷新頁面空白解決方案）
vue路由的三種模式 Hash模式、 History模式、 abstract 模式 Vue3: Hash 模式是用 createWebHashHistory() 創(chuàng)建的： Vue2 它在內(nèi)部傳遞的實(shí)際 URL 之前使用了一個(gè)哈希字符（#）。由于這部分 URL 從未被發(fā)送到服務(wù)器，所以它不需要在服務(wù)器層面上進(jìn)行任何特殊處理。不過，它在 SEO 中確實(shí)有
2024年02月12日
瀏覽(34)
hash 模式和 history 模式的實(shí)現(xiàn)原理
#后面的 hash 值的變化不會導(dǎo)致瀏覽器向服務(wù)器發(fā)出請求，瀏覽器不發(fā)出請求，就不會刷新頁面。通過監(jiān)聽 hashchange 事件的變化可以知道 hash 值發(fā)生了哪些變化，然后根據(jù) hash 值的變化來實(shí)現(xiàn)更新頁面部分內(nèi)容的操作 history 模式的實(shí)現(xiàn)主要是通過 HTML5 標(biāo)準(zhǔn)發(fā)布的兩個(gè) api，pus
2024年02月14日
瀏覽(37)

<rp id="g5bmu"></rp>

<rp id="g5bmu"></rp>