如何正确解决VuePress本地访问出现资源报错404的问题
背景
最近发现好多小伙伴刚用VuePress，然后一build完就直接用本地浏览器访问，结果出现黑块。仅仅出现那种问题还好，给项目安装vuepress-plugin-serve插件就行了，
但是如果有需求是需要离线查看VuePress生成后的文档呢？所以我特地研究了一下——
解决办法
打开.vuepress/config.js文件，把base的值改成./，为了方便调试，最好这样写：
//base:"/", base:"./",
写两个，一个用于Dev，一个用于Build。
然后打开项目下的node_modules\@vuepress\core\lib\client下的app.js文件，找到下方这个片段：
constrouter=newRouter({
base:routerBase,
mode:'history',
fallback:false,
routes,
scrollBehavior(to,from,savedPosition){
if(savedPosition){
returnsavedPosition
}elseif(to.hash){
if(Vue.$vuepress.$get('disableScrollBehavior')){
returnfalse
}
return{
selector:decodeURIComponent(to.hash)
}
}else{
return{x:0,y:0}
}
}
})
把mode:'history',注释掉就行了（让它默认为hash模式）。
这样一来，就可以快乐地Build项目啦！
到此这篇关于如何正确解决VuePress本地访问出现资源报错404的问题的文章就介绍到这了,更多相关VuePress本地访问404内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！