如何正確解決VuePress本地訪問出現(xiàn)資源報錯404的問題
更新時間：2020年12月03日 17:09:00 作者：I''m 左撇峰子
這篇文章主要介紹了如何正確解決VuePress本地訪問出現(xiàn)資源報錯404的問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
背景
最近發(fā)現(xiàn)好多小伙伴剛用VuePress，然后一build完就直接用本地瀏覽器訪問，結(jié)果出現(xiàn)黑塊。僅僅出現(xiàn)那種問題還好，給項目安裝 vuepress-plugin-serve 插件就行了，
但是如果有需求是需要離線查看 VuePress 生成后的文檔呢？所以我特地研究了一下——
解決辦法
打開 .vuepress/config.js 文件，把 base 的值改成 ./，為了方便調(diào)試，最好這樣寫：
//base: "/", base: "./",
寫兩個，一個用于Dev，一個用于Build。
然后打開項目下的 node_modules\@vuepress\core\lib\client 下的 app.js 文件，找到下方這個片段：
const router = new Router({
base: routerBase,
mode: 'history',
fallback: false,
routes,
scrollBehavior (to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else if (to.hash) {
if (Vue.$vuepress.$get('disableScrollBehavior')) {
return false
}
return {
selector: decodeURIComponent(to.hash)
}
} else {
return { x: 0, y: 0 }
}
}
})
把 mode: 'history', 注釋掉就行了（讓它默認(rèn)為 hash 模式）。
這樣一來，就可以快樂地Build項目啦！
到此這篇關(guān)于如何正確解決VuePress本地訪問出現(xiàn)資源報錯404的問題的文章就介紹到這了,更多相關(guān)VuePress本地訪問404內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue?調(diào)用瀏覽器攝像頭實現(xiàn)及原理解析
這篇文章主要為大家介紹了vue調(diào)用瀏覽器攝像頭實現(xiàn)及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
本篇文章主要主要介紹了Vue的MVVM實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了Vue父子組件通訊方式及實現(xiàn)方法，文中通過代碼示例介紹的非常詳細(xì)，對我們的學(xué)習(xí)或工作有一定的幫助，感興趣的同學(xué)可以參考閱讀下2023-06-06
這篇文章給大家介紹了如何解決keep-alive同一個組件不緩存問題,文中通過代碼示例給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-02-02
vue實現(xiàn)頁面跳轉(zhuǎn)和參數(shù)傳遞的兩種方式
這篇文章主要介紹了vue頁面跳轉(zhuǎn)和參數(shù)傳遞的兩種方式，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
這篇文章主要為大家介紹了vuex的五個核心概念和基本使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-09-09
Vue?項目中選擇?TSX?而非傳統(tǒng)?.vue?文件的原因分析
文章探討了Vue項目中使用TSX（TypeScript?JSX）的背景、優(yōu)勢和局限性,TSX結(jié)合了TypeScript和JSX,增強了類型安全和代碼組織性,但也增加了學(xué)習(xí)曲線和可讀性問題,對于復(fù)雜應(yīng)用,TSX提供了更大的靈活性和類型支持,逐漸成為一些開發(fā)者的選擇2024-11-11
Vue3實現(xiàn)掛載全局方法和用getCurrentInstance代替this
這篇文章主要介紹了Vue3實現(xiàn)掛載全局方法和用getCurrentInstance代替this,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
vue中computed順序、watch順序、響應(yīng)次數(shù)使用
這篇文章主要介紹了vue中computed順序、watch順序、響應(yīng)次數(shù)使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了VUE 全局變量的幾種實現(xiàn)方式,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08