缺少时通过 vue-cli-service build 构建 vue 项目。在文件路径中答案

【问题标题】：Build vue project through vue-cli-service build while missing . in file path缺少时通过 vue-cli-service build 构建 vue 项目。在文件路径中
【发布时间】：2019-05-02 20:12:46
【问题描述】：

我的 vue 项目完成了。当我运行脚本“npm run build”时，即“vue-cli-service build”，我可以获得一组输出文件。但是在 index.html 文件中，所有 js 和 css 文件的路径都不正确。例如：

<script src=js/chunk-vendors.40fba41b.js>

正确的应该是：

<script src="./js/chunk-vendors.40fba41b.js">

我搜索了很多。有人说要修改 webpack 的配置，我发现这是不可能的，因为 vue-cli3 没有提供这样的配置文件。有人说可以通过在 vue.config.js 文件中添加 baseurl 来完成，如下所示：

module.exports = {
    baseUrl: "./",
}

当我将 baseUrl 设置为 './' 时，问题仍然存在。当我将 baseUrl 更改为“somecode/”时，输出文件将是：

<script src=somecode/js/chunk-vendors.40fba41b.js>

我真的很困惑。为什么以及如何解决这个问题？提前致谢。

【问题讨论】：

您是使用history.pushState 还是使用page 选项构建多页面应用程序，因为相对baseUrl 有一些限制。参考：cli.vuejs.org/config/#baseurl
@Jérôme 我只用vue-router的push功能。我既不使用html5的pushstate也不使用page。

标签： javascript vue.js webpack

【解决方案1】：

将baseurl设置为“././”

完整的 vue.config.js 文件：

module.exports = {
    baseUrl: "././",
}

参考：https://github.com/vuejs/vue-cli/issues/2595#issuecomment-424570482

【讨论】：

请注意（从 Vue CLI3.3 开始），baseUrl 一直是 deprecated 支持 publicPath。