Question

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

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

来自assetsPublicPath: '/',

到assetsPublicPath: '',

Answer 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: ''
}

Answer 2

仅在项目中创建vue.config.js并在内部使用。文件由vue cliserve自动加载。发布后，您的主机或服务器文件必须能够正常工作。

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

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

2 个答案: