解决REACT用axios获取JAVA后台时跨域报错Access to Font at from origin has been by CORS plicy: No ‘Access-Control-A_access to font at from origin has been blocked by -优快云博客

这篇博客展示了如何在React应用中使用Axios库来发送POST请求到后台API。前端部分创建了一个FormData对象，填充了登录所需的用户名和密码，然后通过Axios的post方法发送到指定URL。当接收到响应并验证状态为1时，前端会更新路由跳转到主页，并传递用户名作为参数。后端部分是一个RESTful控制器，接收登录请求并返回一个包含状态的响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：react使用axios调用

import axios from 'axios'

let url ='http://localhost:8080/TEST/R/logon/login.do'
let myData = new FormData(); // 因为是FormData，所以不需要指定Content-Type
myData.append("loginname",values.userName);
myData.append("password",values.password);

axios.post(url, myData)
    .then(function (response) {
        console.log(response);
        if(response.state=1) {
            // hashHistory.push('/home'+'/'+ values.userName)
            // hashHistory.push({pathname:'/home',query:{name:values.userName}})
            hashHistory.push({pathname:'/home',state:{param:values.userName}})
        } else {
            this.setSatate({loginstate:'2'})
        }
    })
    .catch(function (error) {
        console.log(error);
    })

2：后台

@RestController
@RequestMapping(value = "/R/logon")
public class RestLogonController {

   @RequestMapping(value = "/login.do", method = RequestMethod.POST)
   @ResponseBody
   public Map<String, String> loginAccount(ModelMap model, HttpServletRequest request,
         HttpServletResponse response, LogonBean bean) throws Exception {
      ICertificationAuthority certificationAuthority = getCertificationAuthorityStrategy();
      CertificationAuthorityResultBean result = certificationAuthority.getCertificationAuthorityResult(bean, request);
      Map<String, String> res = new HashMap<String, String>();
      if (result.isErrorFlag()) {
         res.put("state", "0");
      } else {
         res.put("state", "1");
      }
      return res;
   }