在Vue的public/index.htmlmount

问题描述 投票:0回答:1
<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

文件夹中使用所述文件,相对路径也可以工作:

vue.js github-pages meta-tags
1个回答
1
投票

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.