后端的 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
        })
});