Axios POST请求抱怨交叉原点，但curl请求工作正常

Question

 let url = 'http://localhost:4001/api/v1/sessions/new';
      axios.post(url, data)
        .then(function(resp) {
          console.log('resp returned is ' + JSON.stringify(resp));
        });

我看到这个错误在chrome控制台"

加载http://localhost:4001/api/v1/sessions/new失败：对预试请求的响应没有通过权限改造检查：请求的资源上没有“访问-控制-允许-起源”标头。因此不允许访问“起源http://localhost:4044”。响应有HTTP状态代码405。

如果我只是尝试和卷曲完全相同的API调用它工作正常：

curl -d "email=[e-mail]&password=hello123" -X POST http://localhost:4001/api/v1/sessions/new

{"apiResponse":{"success":true,"errors":[]}}

为什么它与CURL一起工作，而不是与axios？

Answer 1

没有在浏览器中运行的任何东西都不关心CORS。如果您希望web应用向服务器发出请求，请在服务器的响应中添加Access Control Allow Origin标题，最允许的值为*：

Access-Control-Allow-Origin: *