Axios總是因爲某種原因失敗

 handleLoginClick(event) { 

     var apiBaseUrl = "http://localhost:8000/api-token-auth/"; 
     var self = this; 
     var payload={ 
      "email": "myusername",//this.state.username, 
      "password": "mypassword"//this.state.password 
     }; 
     axios.post(apiBaseUrl, payload) 
      .then(function (response) { 
       alert('success') 
      }) 
      .catch(function (error) { 
       alert('NO') . // <----- always reaches here. 
       console.log(error); 
      }); 
    }

由於某些原因，此代碼總是失敗並提醒'NO'。我正在嘗試的端點是有效的，並且可以通過curl中的這些參數進行訪問。任何想法有什麼不對？Axios總是因爲某種原因失敗

我有：

import axios from 'axios';

控制檯輸出：

XMLHttpRequest cannot load http://localhost:8000/api-token-auth/. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

來源

2017-06-19 JasonGenX

什麼是控制檯的錯誤，它給 –

後期編輯，以反映從瀏覽器 – JasonGenX

API請求需要與訪問控制允許來源頭來valided，你需要的，如果你使用的是從你的API –

您的請求無法讀取由JavaScript由於Same-origin policy。爲了允許跨域請求，您必須在服務器端啓用Cross-Origin Resource Sharing (CORS)標題。出於開發目的，您可以使用代理（自己的，或a simple service like crossorigin.me）或Allow-Control-Allow-Origin: * Chrome Extension。

要允許來自任何域的呼叫，必須滿足以下頭（* - 這裏指的是任何，但是，你可以列出域）：

Access-Control-Allow-Origin: *

要啓用Django應用程序CORS請參閱django-cors-headers或django-cors-middleware。

來源

2017-06-19 19:15:17

Axios總是因爲某種原因失敗

回答

相關問題