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总是因为某种原因失败

回答

相关问题