Href路径显示异常问题求助：模板变量未正确解析

这个问题我之前也碰到过，本质是模板引擎的HTML属性自动转义机制在起作用，咱们一步步拆解：

1. 为什么href里的模板代码被转义成实体字符？ #

当你在HTML属性（比如href）里使用模板变量（像<%= canocalURL %>）时，绝大多数模板引擎（比如ERB、EJS这类）会默认开启HTML转义——这是一种安全机制，防止用户输入的恶意代码被直接渲染成HTML，引发XSS攻击。

所以引擎会把模板代码里的<和>转成HTML实体<和>`，最终输出就变成了：

<link rel="alternate" href="&lt;%= canocalURL %&gt;" hreflang="zh-cn" />

浏览器会把这些实体字符当成普通文本，自然不会执行模板变量的渲染逻辑。

2. 移除href属性名后为什么变量值能正常渲染？ #

当你删掉href属性名后，模板引擎不再把这段内容识别为HTML属性值，而是当成普通的模板代码片段，所以不会触发自动转义机制，直接执行<%= canocalURL %>，把变量对应的localhost:700/Rewards/渲染出来——但代价是生成了无效的HTML结构（多了一个无属性名的字符串），这显然不是我们想要的。

解决方案：关闭特定属性值的转义 #

要让href里的模板变量正常渲染，你需要告诉模板引擎：这个变量不需要转义。不同模板引擎的写法略有不同，举几个常见的例子：

• ERB（Ruby on Rails）：使用raw方法或者<%== %>标签

  <!-- 方法1：用raw包裹变量 -->
  <link rel="alternate" href="<%= raw canocalURL %>" hreflang="zh-cn" />
  <!-- 方法2：用<%== %>替代<%= %> -->
  <link rel="alternate" href="<%== canocalURL %>" hreflang="zh-cn" />
  

• EJS（Node.js）：使用<%- %>标签替代<%= %>

  <link rel="alternate" href="<%- canocalURL %>" hreflang="zh-cn" />
  

这样模板引擎就会直接输出变量的原始值，而不会转义HTML字符，最终就能得到正确的href属性了。

内容的提问来源于stack exchange，提问作者Hunter