Npm运行构建生成错误的路径

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在"baseUrl": "http://my_site.com/timelog/", "homepage": "http://my_site.com/timelog/",中指定URL，但是它没有任何改变。

是什么原因导致此问题以及如何解决？

Answer 1

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

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

（要使内部链接也能正常工作，请参见this answer）