<meta property="og:image" content="https://example.com/img/some_image.jpeg">
通常,这不是问题,但是Vue.js在所有文件名中添加了哈希,其中包括静态图像。 上面的标签实际上看起来像这样:
<meta property="og:image" content="https://example.com/img/some_image.09c37fe6.jpeg">
我可以在每次构建时都可以编辑此哈希,但是这很愚蠢,如果我决定使用自动构建系统,那将无效。因此,vue.js是否包括自动找出任何给定文件哈希的任何方法?我假设这可能与
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
vue-cli
我知道禁用哈希斯是一种选择,但是我很好奇是否有一个让我保留哈希的解决方案。
没想到会立即回答我自己的问题,看来我已经弄清楚了。抱歉,如果这样的事情对于普通的Web开发人员来说应该是疯狂的。
插入
require('./path/image.ext')
生成的文件仍然使用哈希,如果您在实际src
文件夹中使用所述文件,相对路径也可以工作: