javascript - 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”

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

标签： javascriptvue.jsbuild

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