npm run build 生成错误的路径

Question

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

<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。

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

是什么导致了这个问题以及如何解决它？

Answer 1

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

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

（要使内部链接也能正常工作，请参阅此答案）