跨域请求解决方案
程序员文章站
2022-04-01 10:43:42
...
最近在做一个项目的时候遇到跨域请求问题,现在总结一下。
项目内容是修改 Kibana 源码,其中一些数据需要从另一台服务器获取,这就牵涉到跨域请求问题,源码是用AngularJs写的,于是从网上查找AngularJs怎么处理跨域请求,也试了网友提供的很多方法,但是都不能解决问题(个人感觉可能是为了安全考虑,Kibana的开发者在请求头添加了一些标识,而这个标识在我们自己的服务端不能被识别,所以请求一直失败),后来想着换一种请求试试,于是想到在用 vue.js 时候也遇到跨域问题,当时是采用 axios 解决的,于是大胆的尝试后真的可以,先就解决步骤列出来:
1、在工程中下载 axios 依赖
cnpm install axios -S
2、在需要的模块引入 axios
import axios from 'axios';
请求方式:
axios({
url: 'http://10.111.42.247:8000/api/orgUserList',
method: 'GET'
}).then( res => {
console.log('field_chooser.js');
console.info(res);
console.info(res.data);
}).catch( e=> {
console.info(e)
})
3、在服务端添加:
response.setHeader("Access-Control-Allow-Origin", "*");
注意:服务端在别人电脑上,不好截图,不过用自己电脑的这个服务试了是可以的
4、返回结果
到这里就解决跨域问题了。
上一篇: Python花式求解方程组
下一篇: 图灵机基本概念