axios POST 请求到后端时出现 CORS 错误

Question

我使用 AJAX 将登录请求发送到后端。但我试图用 axios 做同样的事情，但得到了 cors 错误。 这是我的要求。

已经在后端设置了 CORS 响应。

      .post('https://testconsole.pva.com/j_spring_security_check', {
        data: {
          j_username: email,
          j_password: password
        },
        withCredentials: true,
        crossorigin: true,
        headers: {

          'Content-Type': 'application/x-www-form-urlencoded',
          'Accept': 'application/json',
          'Access-Control-Request-Method': 'POST',
          'Access-Control-Request-Headers': 'X-PINGOTHER, Content-Type'
        }

      })

Answer 1

const api = axios.create({
  baseUrl: “https://testconsole.pva.com”,
  headers: {
    common: {  
          'Content-Type': 'application/json',
          'Accept': 'application/json',
          'WithCredentials': true,
          'Access-Control-Allow-Origin': '*'
});
....
const myRequest = await api({
  method: 'post',
  url: '/j_spring_security_check',
  data: JSON.stringify({
          j_username: email,
          j_password: password
        })
});