如果我使用 CLI3，如何更新 VueJs 中的文件路径答案

【问题标题】：How do I update file paths in VueJs if I'm using CLI3如果我使用 CLI3，如何更新 VueJs 中的文件路径
【发布时间】：2019-06-12 02:02:37
【问题描述】：

我有点迷茫，需要一些关于 VueJ 的帮助。我正在使用 Vue CLI3 并创建了一个新的 Vue 项目，一切都在工作，控制台中没有错误等。但是，在运行构建任务后，我的 dist 文件夹中的副本显示为空白页。我了解到这与需要更新 assetsPublicPath: 并删除“/”正斜杠有关。为此，我被告知您必须更新配置文件index.js，但我的项目中没有这样的文件？我也被告知有一个config folder，但是没有？

因此我该如何更新以下内容

来自assetsPublicPath: '/',

致assetsPublicPath: '',

【问题讨论】：

标签： javascript vue.js vuejs2 vue-cli-3

【解决方案1】：

看看documentation。如果您没有vue.config.js，请创建它。我会看起来像这样：

// vue.config.js
module.exports = {
  // Any of the config options will come here. Everything you'll need is in the docs
  publicPath: ''
}

【讨论】：

我之前已经阅读过文档，但是它在哪里说如何创建 vue.config.js？我只是看到它引用了它的位置，如果有的话。
vue.config.js is an optional config file that will be automatically loaded by @vue/cli-service if it's present in your project root。好吧，它在这里说如果在您的根目录中它将自动加载。我认为它不言自明，如果它不存在，只需创建一个。
我不认为它是不言自明的。它说它是可选的，如果存在将被加载。这并没有指导您如何制作一个，因为我的印象是这可能需要通过终端完成，因为引擎盖下可能有更多的逻辑。再说一遍，文档不是教程。

【解决方案2】：

只在你的项目中创建一个 vue.config.js 并在里面使用 .File 是由 vue cli serve 自动加载的。发布您的主机或服务器文件后，它必须工作。

module.exports = {
  css: {
    extract: true
  },
  publicPath: process.env.NODE_ENV === "production" ? "" : "",
  outputDir: "dist"
};

【讨论】：