向服务器响应请求

Question

我想从 React 应用程序向 Java ee 服务器发出请求并获得响应，但我仍然收到此错误。

CORS 策略已阻止从源“http://localhost:3000”获取“http://localhost:8080/server_war_exploded/LoginServlet”的访问权限：对预检请求的响应未通过访问控制检查：否“访问” -Control-Allow-Origin' header 存在于请求的资源上。 如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

当我使用 GET 方法发出请求时，一切都很好，但是当我尝试使用 POST 时出现错误。

反应：

    function handleSubmit(e){
    const login_data = {email, password}
    e.preventDefault();
    fetch('http://localhost:8080/server_war_exploded/LoginServlet'
        , {
        method:'POST',
        headers:{
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
        body:JSON.stringify(login_data)
    }
    )
        .then(res=>{
            return res.json()
        }).then((data)=>{
            console.log(data)
        })
}

Jave ee 服务器：

@WebServlet("/LoginServlet")
 public class LoginServlet extends HttpServlet {
 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws 
    ServletException, IOException {
    response.addHeader("Access-Control-Allow-Origin", "http://localhost:3000");

    String login = request.getParameter("login");
    String pass = request.getParameter("password");

    boolean isInDatabase = IsInDatabase.isInDatabase(login, pass);

    Person person = new Person("Jarek");

    String employeeJsonString = new Gson().toJson(isInDatabase);
    PrintWriter out = response.getWriter();
    response.setContentType("application/json");
    response.setCharacterEncoding("UTF-8");
    out.print(employeeJsonString);
    out.flush();
}

Answer 1

我想从 React 应用程序向 Java ee 服务器发出请求并获得响应，但我仍然收到此错误。

CORS 策略已阻止从源“http://localhost:3000”获取“http://localhost:8080/server_war_exploded/LoginServlet”的访问权限：对预检请求的响应未通过访问控制检查：否“访问” -Control-Allow-Origin' header 存在于请求的资源上。 如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

当我使用 GET 方法发出请求时，一切都很好，但是当我尝试使用 POST 时出现错误。

反应：

    function handleSubmit(e){
    const login_data = {email, password}
    e.preventDefault();
    fetch('http://localhost:8080/server_war_exploded/LoginServlet'
        , {
        method:'POST',
        headers:{
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
        body:JSON.stringify(login_data)
    }
    )
        .then(res=>{
            return res.json()
        }).then((data)=>{
            console.log(data)
        })
}

Jave ee 服务器：

@WebServlet("/LoginServlet")
 public class LoginServlet extends HttpServlet {
 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws 
    ServletException, IOException {
    response.addHeader("Access-Control-Allow-Origin", "http://localhost:3000");

    String login = request.getParameter("login");
    String pass = request.getParameter("password");

    boolean isInDatabase = IsInDatabase.isInDatabase(login, pass);

    Person person = new Person("Jarek");

    String employeeJsonString = new Gson().toJson(isInDatabase);
    PrintWriter out = response.getWriter();
    response.setContentType("application/json");
    response.setCharacterEncoding("UTF-8");
    out.print(employeeJsonString);
    out.flush();
}