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

Question

$.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脚手架写的，不用也一样报类似的错误

Answer 1

跨域了。AJAX同源策略不允许跨域访问。解决方法有二：切换到相同的域下，即页面和PHP文件均位于192.168.0.111下或localhost:8080下或者在服务器返回时加入 Access-Control-Allow-Origin:* 头，即可解决。既然服务器搭建在本地，这一项应该不难实现。网上也有说利用JSONP解决的，自己没试过，可能可行。dataType: 'jsonp',crossDomain: true,