欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何正確解決VuePress本地訪問出現(xiàn)資源報(bào)錯(cuò)404的問題

 更新時(shí)間：2020年12月03日 17:09:00   作者：I''m 左撇峰子  
這篇文章主要介紹了如何正確解決VuePress本地訪問出現(xiàn)資源報(bào)錯(cuò)404的問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

背景

最近發(fā)現(xiàn)好多小伙伴剛用VuePress，然后一build完就直接用本地瀏覽器訪問，結(jié)果出現(xiàn)黑塊。僅僅出現(xiàn)那種問題還好，給項(xiàng)目安裝 vuepress-plugin-serve 插件就行了，
但是如果有需求是需要離線查看 VuePress 生成后的文檔呢？所以我特地研究了一下——

解決辦法

打開 .vuepress/config.js 文件，把 base 的值改成 ./，為了方便調(diào)試，最好這樣寫：

//base: "/",
base: "./",

寫兩個(gè)，一個(gè)用于Dev，一個(gè)用于Build。

然后打開項(xiàng)目下的 node_modules\@vuepress\core\lib\client 下的 app.js 文件，找到下方這個(gè)片段：

 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項(xiàng)目啦！

到此這篇關(guān)于如何正確解決VuePress本地訪問出現(xiàn)資源報(bào)錯(cuò)404的問題的文章就介紹到這了,更多相關(guān)VuePress本地訪問404內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論