在Jade Template中传递包含url的变量

Passing variables containing urls in Jade Template

本文关键字：包含 url 变量 Jade Template      更新时间：2023-09-26

当我传入一个对象时，我在Jade中正确显示链接有问题。

// Story object
{
    "_id" : ObjectId("55db6e1710976558828f8053"),
    "author" : ObjectId("55d7a215a3695c620c586f12"),
    "link" : "benjelnews.com",
    "title" : "hello",
    "updated" : ISODate("2015-08-24T19:18:47.589Z"),
    "created" : ISODate("2015-08-24T19:18:47.589Z"),
    "comments" : [ ],
    "__v" : 0
}
// App.js
res.render('news', {data: story});
// News.jade
a(href=data.link)=data.title

但是，链接一直显示为"localhost:4000/benjelnews.com"有人能解释为什么我的本地服务器地址一直显示，以及我如何正确配置我的Express或Jade模板来显示正确的格式，这只是"benjelnews.com"

Jade将您的模板呈现为以下HTML:

<a href="benjelnews.com">hello</a>

由于benjelnews.com不是有效的URL(它不以方案开始，如http://或https://)，您的浏览器将其解释为本地web服务器上的相对路径(显然是在http://localhost:4000上运行)。

如果你所有的链接都是这样的，你可以在你的模板中添加方案:

a(href = 'http://' + data.link)= data.title

(并希望所有链接都是纯HTTP而不是HTTPS)

理想情况下，您的数据库应该包含适当的URL。

相关文章：