Typescript Tomcat API无法从客户端访问

在从“localhost”移动到在线服务器后，我发生了这个错误 403因为CORS

api可以从url访问，并且可以工作，但是当我使用 角度字体脚本页，它不工作，给我这个错误：

加载资源失败：服务器响应状态为403（）

访问位于的XMLHttpRequest "来源" “”已被CORS策略阻止：否 “Access Control Allow Origin”标头出现在请求的服务器上 资源

我尝试在tomcat中添加过滤器，如下所示：

<filter>
  <filter-name>CorsFilter</filter-name>
  <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
</filter>
<filter-mapping>
  <filter-name>CorsFilter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>

克斯菲尔特
org.apache.catalina.filters.CorsFilter
克斯菲尔特
/*

---

但是它仍然给我403错误。

如果您使用的是最新版本的Tomcat，则需要配置CORS策略

该过滤器内置于Tomcat 7中+

根据文档，您的配置启用了筛选器，但没有放宽跨源策略。您至少需要添加一个cors.allowed.origins初始化参数，如下所述

尝试以下配置：

<filter>
  <filter-name>CorsFilter</filter-name>
  <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
  <init-param>
    <param-name>cors.allowed.origins</param-name>
    <param-value>*</param-value>
  </init-param>
</filter>
<filter-mapping>
  <filter-name>CorsFilter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>

克斯菲尔特
org.apache.catalina.filters.CorsFilter
科尔斯
*
克斯菲尔特
/*

我打开了链接，但我的项目不是meven项目，而是一个Web应用程序。我在回答中添加了一些附加说明。谢谢你的回答，我通过在tomcat库中添加依赖项解决了问题，并将说明添加到你发布的链接中。