Struts2 Ajax CORS

Question

我正在尝试从另一个域调用我的 struts2 操作调用。 Struts2 在 localhost:8080 上，而将进行 ajax 调用的人在另一个 localhost:3000 上。我尝试将sample.json 文件放在web 文件夹下的struts2 项目文件夹中，我可以对sample.json 文件进行ajax 调用。但问题是，当我尝试向我的操作类请求时，我收到一条错误消息：

XMLHttpRequest cannot load http://localhost:8080/workforce/loginAction. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

我的问题是，我可以对同一项目http://localhost:8080/sample.json下的示例 json 文件进行 ajax 调用，但不能使用我的 struts2 动作类？

Struts2 动作：

package com.workforce.actions;

import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ModelDriven;
import com.workforce.models.UserModel;

public class LoginAction extends ActionSupport implements ModelDriven<UserModel>{

/**
 * 
 */
private static final long serialVersionUID = 1L;
private UserModel user = new UserModel();

@Override
public String execute() throws Exception {
    // TODO Auto-generated method stub

    user.setEmail("sampleemail");
    user.setPassword("12345");

    System.out.println(user.getEmail());
    System.out.println(user.getPassword());

    return SUCCESS;
}

@Override
public UserModel getModel() {
    // TODO Auto-generated method stub
    return user;
}
}

struts2 xml

<struts>
<constant name="struts.devMode" value="true" />

<package name="default" extends="struts-default, json-default">

    <interceptors>
        <interceptor-stack name="myStack">
            <interceptor-ref name="defaultStack" />
            <interceptor-ref name="json" />
        </interceptor-stack>
    </interceptors>

    <action name="loginAction" class="com.workforce.actions.LoginAction">
        <interceptor-ref name="myStack" />
        <result name="success" type="json"/>

        <result name="input" type="json">
            <param name="statusCode">500</param>
            <param name="errorCode">500</param>
        </result>
    </action>
</package>

web.xml

<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>
    <init-param>
        <param-name>cors.allowed.methods</param-name>
        <param-value>GET,POST,HEAD,OPTIONS,PUT</param-value>
    </init-param>
    <init-param>
        <param-name>cors.allowed.headers</param-name>
        <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value>
    </init-param>
    <init-param>
        <param-name>cors.exposed.headers</param-name>
        <param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials</param-value>
    </init-param>
    <init-param>
        <param-name>cors.support.credentials</param-name>
        <param-value>true</param-value>
    </init-param>
    <init-param>
        <param-name>cors.preflight.maxage</param-name>
        <param-value>10</param-value>
    </init-param>
</filter>
<filter-mapping>
    <filter-name>CorsFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>
<filter>
    <filter-name>struts2</filter-name>
    <filter class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>struts2</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

Ajax 调用

var request = {
            url: "http://localhost:8080/workforce/loginAction",
            method: "POST",
            headers:{
                "Content-Type": "application/json"
            },  
            data: {
                user: self.user
            }
        };

        $http(request).then(function(response){
            console.log(response);
        });

更新

我尝试在 web.xml 中注释掉我的 struts2 配置并创建一个示例 servlet。它确实有效！我只想知道如何配置CorsFilter 和Struts2 Filter

Answer 1

过了一会儿，我通过将CorsFilter 放在首位而不是Struts2 Filter 解决了这个问题。现在可以了。谢谢。

Answer 2

你可以在struts中检查CORS的解决方案。这是一个简单的演示应用程序，解决了struts2中的CORS问题。

https://github.com/rohitmehlawat/struts-cors