npm 运行 build 生成错误的路径

Question

为了部署我的 Vue Cli 3 项目，我做了 npm run build，但是新 dist/ 文件夹中的 index.html 包含这样的错误路径：

<link href=/css/app.35dee36a.css
<link href=/js/app.826dde09.js

结果我在控制台中得到了这些：

Failed to load resource - http://my_site.com/js/app.826dde09.js

应该是http://my_site.com/timelog/js，不是http://my_site.com/js。

我试图通过添加 "baseUrl": "http://my_site.com/timelog/", "homepage": "http://my_site.com/timelog/", 在 package.json 中指定 URL，但它没有改变任何东西。

是什么导致了这个问题，如何解决？

Answer 1

我通过在我的项目的根目录下创建一个 vue.config.js 文件来解决这个问题，其中包含以下内容：

module.exports = {
  baseUrl: '/timelog/'
}

（要使内部链接也有效，请参阅）

Npm run build generates wrong paths