我有一个动态电子邮件模板,用于向用户发送唯一的令牌链接以重置其密码。我将链接分配给请求对象中个性化的dynamic_template_data 部分中名为“link”的字段。当我收到电子邮件时,我的锚标记没有 href 属性。
这是我的请求对象:
{
method: "POST",
url: "/v3/mail/send",
headers: {
"content-type": "application/json"
},
body: {
personalizations: [
{
to: [{ email: email, name: name }],
dynamic_template_data: {
link: link
}
}
],
// some other content
// ...
template_id: Constants.EMAIL.RESET_PASSWORD
},
json: true
}
以及我的 sendgrid 动态模板中的 html:
<div>Use the following link to reset your password: <a href="{{link}}">{{link}}</a></div>
当我收到电子邮件时,链接的文本已正确填充我的动态内容,但该元素没有 href 属性,因此它呈现为纯文本并且不可单击:
特别奇怪的是,当我在 SendGrid 的设计编辑器上预览动态模板时,href 字段会正确填充我传入的测试数据。
经过与 SendGrid 支持的反复讨论后,我设法找到了问题。
因为我一直在本地环境中开发此功能,所以我在请求正文中包含的链接指向我的本地主机。我的链接变量定义如下:
link = "localhost:8080/#/resetPassword/" + token;
作为测试,我将链接更改为以下内容并且它有效:
link = "https://google.com"
这让我怀疑是缺少 http 协议导致了这个问题。将其更改为以下内容解决了问题:
link = "http://localhost:8080/#/resetPassword/" + token;
我假设这是锚标记元素本身的一个怪癖,尽管我不太理解该机制,所以如果有人能为我详细说明这一点,我将不胜感激。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)