Vue.js Axios get方法存在网络错误和状态代码为200的Cors策略
当我调用axios get always时,总是直接转到控制台中显示网络错误的catch块,CORS策略已阻止从源站“”访问“”处的XMLHttpRequest:请求标头字段访问控制允许源站不允许访问控制允许标头在飞行前响应中 但是状态代码是200 请求URL: 请求方法:选项 状态代码:200 OK 远程地址:13.234.115.246:80 推荐人策略:降级时无推荐人Vue.js Axios get方法存在网络错误和状态代码为200的Cors策略,vue.js,Vue.js,当我调用axios get always时,总是直接转到控制台中显示网络错误的catch块,CORS策略已阻止从源站“”访问“”处的XMLHttpRequest:请求标头字段访问控制允许源站不允许访问控制允许标头在飞行前响应中 但是状态代码是200 请求URL: 请求方法:选项 状态代码:200 OK 远程地址:13.234.115.246:80 推荐人策略:降级时无推荐人 如何解决此问题在执行GET/POST之前,网络浏览器将首先执行“飞行前请求”。这是一个类型为OPTIONS的请求,其目的只
如何解决此问题在执行
GET
/POST
之前,网络浏览器将首先执行“飞行前请求”。这是一个类型为OPTIONS
的请求,其目的只是验证哪些选项是允许的/可能的
飞行前请求成功(即状态代码200),但告诉您不允许CORS。因此,实际的GET
/POST
/。。。请求将不被执行。为什么不呢
- 承载您的网页的Web服务器与提供REST服务的Web服务器不同。这可能表明存在安全问题
- Web服务器已配置为通知您的客户端此信息
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});
对于php
对于php,请参见。我正在编写以下代码-axios.get(“”,{headers:{'Access Control Allow Origin':'*','Access Control Allow Methods':'get','content type':'application/json','Access Control Allow Credentials':true,},})(函数(响应){//handle success console.log(响应);}).catch(函数(错误){//handle error console.log(错误);})此来源:…内容不应出现在前端请求中,而应出现在后端。例如,在php代码中。-->我添加了一个PHPA示例,你说我在后端添加了这个示例,但仍然得到了相同的结果。@ShrJoshi stackoverflow上还有另一个线程,它具有一个巨大的
cors()
用于PHP后端的方法,该方法可能更健壮。感谢您现在的工作,我正在添加PHP heders-:header(“Access Control Allow Origin:”;header(“Access Control Allow Headers:”);