vuejs：未在构建中添加相对路径

Question

我似乎很难让我的 vue js 应用程序从 dist 文件夹运行。

我浏览了这个网站，发现了这个：Vuejs, Difficulties to build with relative path，它提供了这个解决方案：

1. 在项目主路径下创建“vue.config.js”文件

2. 给出一个相对路径。示例：

    module.exports = {
        publicPath: './'
    };

我遵循的。但是当我运行时

npm run build

并检查文件，它没有添加。

如果有帮助，这里是我的版本信息

"core-js": "^2.6.5",

“vue”：“^2.6.10”

还有其他人遇到过这个问题或可以提供解决方案吗？

Answer 1

您可以通过将这段代码添加到您的 main.js 来更改 webpack 构建的公共路径。

__webpack_public_path__ = 'whatever/path/you/want/to/set/at/runtime'

Webpack 在你的构建文件中创建一个 .p 变量，它的默认值为 "/" 。因此，您分配给上述变量的任何内容都会覆盖它并分配您想要的任何前缀，在您的情况下为"./"

此信息来自https://github.com/vuejs/vue-cli/issues/2944