如何在head-Nuxt中使用动态加载的属性

问题描述 投票:0回答:1

我正在尝试为Nuxt呈现的网页在服务器端设置og:image:width和og:image:height元属性。

在页面上,使用根据输入的ID而变化的远程URL设置img src,因此,例如https://exmaple.com/1234的ID为1234,而img src的ID为https://some-remote-storage/1234.png,等等。>

由于图像尺寸事先未知,我不确定如何等待img元素加载,然后设置og:image:width和og:image:height头属性,以便从服务器计算并发送这些属性。可以被爬虫正确刮掉。

我正在尝试为Nuxt呈现的网页在服务器端设置og:image:width和og:image:height元属性。在页面上,使用远程URL来设置img src,该URL会根据...

vue.js nuxt.js
1个回答
0
投票

这是一个示例,您可以更改头信息

© www.soinside.com 2019 - 2024. All rights reserved.