使用vuepress搭建个人博客踩坑记录

在.vuepress/config.js的base配置

本地开发环境下，使用绝对路径/

部署到服务器上，需要使用相对路径./

这里使用cross-env来传递打包变量

 "scripts": {
   "dev": "cross-env BUILD_ENV=\"develop\" vuepress dev docs",
   "build": "cross-env BUILD_ENV=\"product\" vuepress build docs",
   "deploy": "bash deploy.sh"
  }

module.exports = {
 base: process.env.BUILD_ENV === 'develop' ? '/' : './'
}

网页路由使用哈希模式

找到node_modules\@vuepress\core\lib\client 下的 app.js 文件这个文件，注释掉即可

  const router = new Router({
    base: routerBase,
    // mode: 'history',
    fallback: false,
    routes,
  })