如何解决twitter:Vue.js应用程序看不到图像
我在Vue.js应用程序的Twitter卡上遇到问题。当我通过Twitter card validator运行url时,所有检查都通过了,但是图像不显示。
我浏览了Twitter的疑难解答指南,并将以下更改应用于图片,但仍然无法解决问题。 https://twittercommunity.com/t/card-error-unable-to-render-or-no-image-read-this-first/62736
- 图像比例2:1
- 图片大小:252 kb
- URL的绝对路径:https://speakher.jp/banner_twitter.png
- curl -v-Twitterbot返回状态码200
这就是我在项目的index.html
文件中定义图像的方式。图像保存在公用文件夹中。
<meta name="twitter:image" content="https://speakher.jp/banner_twitter.png">
您对可能导致问题的原因有任何指示吗?
解决方法
现在检查Twitter Card Validator会显示正确的图像。有时,您看到的卡片已被缓存,因此,如果您要查看图像的最新版本,只需添加一个带有随机名称和(可选)随机值的参数即可。
例如,对于链接https://speakher.jp,仅添加一个小的随机参数将迫使Twitter加载图像的最新版本。由于参数通常没有任何意义,因此应该加载同一页面。
https://speakher.jp?000000000001
在将实际链接发布到Twitter时,您也可以使用相同的方法。这样可以确保Twitter始终使用最新的即时贴预览。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。