Question

我在使用axios对django做出反应时发送和接收数据时遇到了一个复杂的问题。我没有使用REST API。这是我的Handel函数，与我的注册表单标签相关，每次单击提交按钮后，该函数就会执行：

HandelSignUp(e){

e.preventDefault();
let Username = this.refs.username.value;
let Pass = this.refs.pass.value;
let Email =this.refs.email.value;
axios({
  url:'http://127.0.0.1:8000/signupAuth/',
  mothod:'post',
   data:{
    username:this.Username,
    pass:this.Pass,
    email:this.Email
   },
   headers: {
      "X-CSRFToken": window.CSRF_TOKEN,
      "content-type": "application/json"
            }

}).then(respons =>{
  console.log(respons);
})
.catch(err =>{
  console.log(err);
});

这也是我的django urls.py：

urlpatterns = [

path('signupAuth/',ReactApp_View.signupRes),

]

ReactApp_View是我正确导入的ReactApp文件中的views.py。好的，现在让我们看看我的views.py：

def signupRes(request):
  body_unicode = request.body.decode('utf-8')
  data = json.loads(myjson)
  return HttpResponse(request.body)

毕竟，当我填写我的注册字段然后单击按钮时，我在浏览器的控制台日志中看到此消息：

无法加载http://127.0.0.1:8000/signupAuth/：对预检请求的响应未通过访问控制检查：所请求的资源上没有'Access-Control-Allow-Origin'标头。因此，不允许访问来源“ http://localhost:8000”。

我该怎么办？

还有一个额外的问题：axios中给定的URL会发生什么？

Answer 1

您必须允许后端发出请求

CORS_ORIGIN_WHITELIST = (
'http://127.0.0.1:8000',
'http://localhost:8000'
)

或

response["Access-Control-Allow-Origin"] = "*"

Answer 2

只需使用您要调用的主机网址打开您的网站。使用http://127.0.0.1:8000/代替localhost

向Django发出axios请求

2 个答案: