Javascript 如何在Laravel应用程序上配置axios中的头文件

我正在尝试在Vuejs 2.0上构建一个小型应用程序，在该应用程序中，我将调用axios，并在配置中设置如下标题：

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

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

调用url的方式如下：

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

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

但我可以看到，原点没有从本地主机更改：

请指导我如何将原点设置为前面提到的url

---

谢谢，这不是CORS的工作原理。无法修改正在发送的源标题，因为浏览器出于安全目的设置了该标题。服务器需要通过返回Access Control allow Origin标头来允许请求。您请求ajax的服务器似乎没有为CORS请求正确设置。

为什么要调用getLoginHeader，为什么不直接传递头？@samayo我只是想保持代码整洁，我正在导入相同的代码并调用函数，如果我有本地主机API，但用于不同的url，头可以正常工作，我也得到了同样的结果。谢谢你的更新。有一个疑问，您是在谈论生成ajax请求的服务器还是正在接收请求的服务器。接收请求的服务器需要使用CORS头授予CORS访问权限，这会告诉浏览器来自站点A的请求可以发送到站点B。