直接用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,