如何在 Laravel 应用程序的 axios 中配置 headers

Question

我正在尝试在 Vuejs 2.0 上构建一个小型应用程序，我在其中进行 axios 调用，在配置中我将 headers 设置为如下所示：

const headers = {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
    'origin': 'http://www.conxn.co.in',
    'Access-Control-Allow-Origin': '*'
}

然后这样调用 url：

axios.post('http://www.conxn.co.in/CoxnsvcA.svc/Login', postData,{headers: getLoginHeader()})

但我可以看到来源并没有从本地主机更改：

指导我如何将 Origin 设置为提到的 url。

谢谢

Answer 1

CORS 不是这样工作的。您不能修改发送的来源 header，因为这是由浏览器出于安全目的设置的。服务器需要通过返回 Access-Control-Allow-Origin header 来允许请求。您请求 ajax 的服务器似乎没有针对 CORS 请求正确设置。

如何在 Laravel 应用程序的 axios 中配置 headers

How to config headers in axios on Laravel application

javascript

vue.js

axios

vuejs2