javascript - CORS 阻止了我的后端服务器，如何解决？使用 Springboot java 作为后端， react js 作为我的前端

Question

import React, { Component } from "react";
import axios from 'axios';

class App extends Component {



  handleSubmit(event) {
    axios.post('http://localhost:3050/login', {
      "username": "username",
      "password": "password"
    })
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });
    event.preventDefault();
  }

  render() {

      return(

        <form onSubmit={this.handleSubmit}>
          <input type="submit" value="Submit" />
        </form>

      );
  }

}

export default App;

只需检查后端的用户名设置为“用户名”和密码设置为“密码”的 json

我的后端是spring boot，使用带有“用户名”和“密码”的结束链接/登录应该会给出一些响应。因此，此代码有效，但 CORS 阻止了连接，因此它永远卡在处理中。我发现的一个解决方案是禁用 chrome 中的所有安全性，它可以工作。但我正在寻找一个永久的解决方案，而不必禁用 chrome 设置的安全性。不知道我是通过springboot还是做出反应

标签： javascriptjavareactjsspring-bootcors

Answer 1

尝试在 Spring REST Endpoint 上的“@RequestMapping”注释上方使用注释“@CrossOrigin”。

例如：-

    @CrossOrigin
    @RequestMapping(value="/login",method=RequestMethod.POST)