vue.js - npm run build 生成错误的路径

标签 vue.js npm vue-cli-3

部署我的 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/",但它不会改变任何东西。

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

最佳答案

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

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

(要使内部链接也能正常工作,请参阅 this answer)

关于vue.js - npm run build 生成错误的路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56197433/

相关文章:

javascript - 如何自定义 v-for 使用 v-if 在 div 标签中创建一个类

node.js - React-native 链接无法正常工作

javascript - Vue.JS/JEST - 无法模拟 Assets 引用

node.js - 无法轻松地从测试运行器输出导航到 WebStorm 中的相关文件

git - npm WARN 注册表 https ://registry. npmjs.org/的意外警告:

azure - 使用历史记录模式在 Azure 应用服务上部署 Vue CLI

javascript - Vue.js select2 Wrapper 组件改变事件

javascript - 如何将 Vue.js 与来自 CMS 的服务器端渲染内容结合起来?

javascript - VueJS mustache 数据绑定(bind)不起作用。我该如何调试这个?