ng build 在 jsp 页中将 < 字符更改为 lt

Question

我的 src 中有一个 index.jsp 页面，下面一行

<html>
<body>

<%@ page import = "java.io.*,java.util.*" %>

</body></html>

但是在执行 ng build 之后，dist 文件夹包含与下面相同的 jsp 页面。

<html>
<body>
&lt;%@ page import = "java.io.*,java.util.*" %&gt;
</body></html>

关于为什么 < 被 lt 和 > 被 gt 取代的任何想法？ 有什么选择可以覆盖这个吗？

问候，甘尼什。

Answer 1

查看https://angular.io/guide/security出于安全原因，Angular 将不安全字符替换为安全值。 就个人而言，我在编译 Angular 代码后添加了我的 JSP 代码。 我从 index.html 文件中取出 Angular 代码并将其放入我的 Z2569CZ976Z 文件中的 index.jsp 文件中。 您还应该了解 HTML 实体。 看看https://developer.mozilla.org/en-US/docs/Glossary/Entity

Answer 2

我在使用 Angular 14 时遇到了类似的问题，并设法通过将 jsp 代码部分包含在如下注释标记中来修复它。

index.jsp

<!-- //Prevents Ivy from messing up this section
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ page import="java.io.*,java.util.*" %>
<%
  String json = " ";
  if (((HttpServletRequest) request).getMethod().equals("POST")) {
    Enumeration paramNames = request.getParameterNames();
    while(paramNames.hasMoreElements()) {
      String paramName = (String)paramNames.nextElement();
      String paramValue = request.getParameter(paramName);
      json += "'" + paramName + "':'" + paramValue + "',";
    }
    json = "{" + json.replaceAll("(?i)<(/?script[^>]*)>", "").replaceFirst(".$","") + "}";
  }
%>
-->
<!doctype html>
<html lang="en">
    <head>
      ...
    </head>
    <body id="dataSection" data="<%= json %>">
    <app></app>
    ...
    </body>
</html>

然后，您可以使用以下代码从组件访问此数据。

//app.component.ts

@Component({
  selector: 'app',
  template: `<router-outlet></router-outlet>`,
  styles: []
})
export class AppComponent {

  constructor() {
    const dataSection = document.getElementById('dataSection');
    const attrs = dataSection.attributes;
    
    const data = attrs['data'].value.replace(/'/g,'"');
    const parsed = JSON.parse(data);
    console.log('DATA:', parsed);
  }
}

希望这可以帮助。