javascript - 直接用ajax访问本地服务器上的php文件报错，请问一下怎么才能访问到本地服务器上的文件不报错？

问题描述

问 题

$.ajax({

type:"get",
url:"http://192.168.0.111:80/Index/index.php",
async:true,
success:function(res){
    console.log(res)
},
error:function(err){
    console.log("error:"+JSON.stringify(err));
}

});

在服务器下的文件可以用ajax访问到php文件

报错代码
XMLHttpRequest cannot load http://192.168.0.111/Index/in... No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access

用vue脚手架写的，不用也一样报类似的错误

解决方案

跨域了。AJAX同源策略不允许跨域访问。
解决方法有二：
切换到相同的域下，即页面和PHP文件均位于192.168.0.111下或localhost:8080下
或者在服务器返回时加入 Access-Control-Allow-Origin:* 头，即可解决。既然服务器搭建在本地，这一项应该不难实现。

网上也有说利用JSONP解决的，自己没试过，可能可行。

dataType: 'jsonp',
crossDomain: true,

这篇关于javascript - 直接用ajax访问本地服务器上的php文件报错，请问一下怎么才能访问到本地服务器上的文件不报错？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！