Tomcat”;访问控制允许起源”;和JavaScript

Tomcat "Access-Control-Allow-Origin" and JavaScript

本文关键字:起源 JavaScript 许起源 访问控制 Tomcat      更新时间:2023-09-26

我的服务器上的CORS有一个巨大的问题。我的服务器在localhost上的Tomcat上运行。我实现的服务器有几个RestFul资源。例如:

@Path("user")
public class UserService {
@GET
@Path("/{username}/{password}")
@Produces("text/plain")
public String checkLoginParameter(@PathParam("username") String username, @PathParam("password") String password) {
        String tempUserName = "";
        String tempPassword = "";
        String bool = "";
        EntityManager em = createEntityManager();
        try{
            User user = (User)em.createQuery("SELECT u FROM User u WHERE u.username='"+username+"' AND u.password='"+password+"'").getSingleResult();
            tempUserName = user.getUsername();
            tempPassword = user.getPassword();
        }
        catch(Exception e){}
        if(username.equals(tempUserName) && !username.isEmpty() && password.equals(tempPassword) && !password.isEmpty()){
            bool = "true";
        }
        else{
            bool = "false";
        }
        return bool;
   }      
}

资源正在工作。现在我想通过JavaScript从另一个网站访问资源。当我尝试这样做时,我会收到一条错误消息:

XMLHttpRequest cannot load http://localhost:8080/RSAppStore/user/poc/poc. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

我知道我已经向我的服务器添加了CORS权限。我是这样做的:

web.xml:

<filter>
<filter-name>CORS</filter-name>
<filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
<init-param>
 <param-name>cors.allowOrigin</param-name>
    <param-value>*</param-value>
</init-param>
<init-param>
 <param-name>cors.supportedMethods</param-name>
    <param-value>GET, POST, HEAD, PUT, DELETE</param-value>
</init-param>
<init-param>
<param-name>cors.supportedHeaders</param-name>
<param-value>*</param-value>
</init-param>
<init-param>
    <param-name>cors.exposedHeaders</param-name>
    <param-value>Set-Cookie</param-value>
</init-param>
<init-param>
    <param-name>cors.supportsCredentials</param-name>
    <param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CORS</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

使用JavaScript访问:

<script type="text/javascript">
$(function(){
  $.ajax({
    type: "GET",
    crossDomain: true,
    url: "http://robosmart-appstore:robosmart@localhost:8080/RSAppStore/user/poc/poc",
    contentType: "text/plain",
    success: function( string ) {
      console.log(string);  

    },
    error:function () {
      console.log("err");
    }
  });
});
</script>

此外,我还添加了这两个罐子。

cors-filter-1.9.2.jar
java-property-utils-1.9.jar

我在网上读了很多例子和解释,但似乎什么都不起作用,我不知道自己做错了什么。

我刚刚用tomcat和angular.js.成功通过CORS

您可能需要配置以下内容:

  1. cors.supportedHeaders更改为:

    <init-param>
        <param-name>cors.supportedHeaders</param-name>
        <param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value>
    </init-param>
    
  2. 确保你的过滤器在任何其他过滤器之前。

  3. 尝试将contentType更改为:

    contentType: "application/x-www-form-urlencoded; charset=utf-8"
    

试试看,伙计。