VuePress 构建损坏的 html，资产地址无效

Question

我在 vuepress build docs 之后 index.html 崩溃了，控制台中有很多 Failed to load resource: net::ERR_FILE_NOT_FOUND。

vuepress dev docs，但是，工作得很好！

我的步数：

使用 vue-cli 3 创建了新项目；
取得 yarn add -D vuepress;
添加的文件夹和文件：

   -docs
       |
       --.vuepress
       |         |
       |         --config.js
       |
       --guides
       |      |
       |      --README.md
       --info
       |     |
       |     --README.md
       |
       --README.md

我的config.js:

module.exports = {
    title: 'Hello VuePress1',
    description: 'Just playing around',
    themeConfig: {
      nav: [
          { text: 'Home', link: '/' },
          { text: 'Guide', link: '/guide/' },
          { text: 'Вернуться в приложение', link: '/desktop/' }
        ],
        sidebar: [
            '/',
            '/guides/',
            '/info/'
        ]

    }
}

现在，vuepress dev docs 在 localhost:8080 给出了我所期望的 - 一切都很好。

vuepress build docs生成dist文件夹，其中包含：

资产文件夹
指南文件夹
信息文件夹
404.html
index.html

打开时出现问题 index.html。显示的所有内容都没有 CSS 并且链接无效。资产路径似乎有问题...

为什么在一个全新的项目中一切都不能正常工作？

Answer 1

CSS 和 index.html 中的 JS 文件的路径是绝对路径（以 / 开头），因此无法使用文件协议查看 index.html （您需要将其托管在服务器上，以便使用 HTTP 协议）。

VuePress 构建损坏的 html，资产地址无效

VuePress builds broken html with invalid adresses to assets

documentation

documentation-generation

vue.js

vuejs2

vuepress