欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

跨域请求解决方案

程序员文章站 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、返回结果

跨域请求解决方案

到这里就解决跨域问题了。