什么是跨域?跨域是浏览器为了安全而制定的限制策略。浏览器请求必须遵循同源策略:如何解决同域名、同端口、同协议的跨域问题?解决跨域的三种方法:CORS跨域JSONP跨域代理跨域CORS跨域:CORS跨域前端不用设置,后端直接加一段代码即可允许一个域名直接访问后端header('Access-Control-Allow-Origin:https://segmentfault.com')或者允许所有域名访问header('Access-Control-Allow-Origin:*')JSONP跨域:JSONP跨域需要前端和后端同时设置前端:安装jsonp插件npmijsonp导入需要进行jsonp请求的文件<脚本>从'jsonp'导出默认值{mounted(){让url=“http://localhost/zuoye/jsonp.php”导入jsonp;jsonp(url,(err,res)=>{console.log(res);})}};后端:1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);$result=json_encode($arr);//动态执行回调函数$callback=$_GET['callback'];回声$callback."($result)";?>然后我们打开控制台就可以看到数据了。代理跨域前端修改nginx服务器配置,后端不动。比如我们的本地服务是http://127.0.0.1.8080,我们要在vue.config.js中请求http://127.0.0.1.9090/getData接口:module.exports={devServer:{host:'localhost',port:8080,proxy:{'/api':{target:"http://127.0.0.1.9090",changeOrigin:true,pathRewrite:{'/api':''}}}}}在请求的页面上:axios.get("api/getData").then((data)=>{console.log(data);})此时,虽然请求是发送到:http://localhost:8080/api/getData/,但已被代理到http://127.0.0.1.9090/getData/
