你们听说了？现如今咱们的网络发展贼溜溜的快呢～传输数据的方式也越来越多样。然而这个安全限制却让人头疼不已，想传点儿啥都受限。今儿个，偶就给大家讲讲如何利用node.js搭建服务器代理解决这个麻烦事儿！
先说说啥是跨域？举个例子，当我们想用Ajax把自家网页上的东西拿给别人家网站吃时，由于浏览器有一条叫做“同源政策”的规矩，发现咱俩不属于同一家族，就不肯帮忙连接！这也是为了保护用户免受恶意攻击，所以跨域操作通常有点棘手。
聊到跨域，就是让网站间能愉快地共享信息。比如说，你在看网址A，但它需要从网址B那儿取数据才行。这时候跨域就发挥作用了。
嗯哼~现在大家应该都清楚为啥要跨域啦？别急，咱们马上就来聊聊怎么整这个事儿！有没有听过JSONP这个词儿呀？没错，这就是广为人知的跨域妙招。简单说，就是通过这么一招动态拼接script标签，然后把数据塞进回调函数中带过去。
还有一种方法就是用CORS，这可是W3C给我们提供的跨网站资源共享准则你只需要在服务器上开启”Access-Control-Allow-Origin”权限就能解决这个问题了。不过得告诉你，这个功能只有新版浏览器才支持到，老的可能就不行咯。
别愁跨域代理问题！其实挺容易的，你只需要让我们的服务器帮你代劳一下，然后它会把你想要的数据从目标服务器取回来。是不是觉得轻松多了？想看看具体怎么做的话我随时都可以告诉你。
好的，我给你简单说一下怎么用Node.js搭建跨域代理服务器。瞅一眼这个代码就明白了。
//导入所需的模块
const http = require('http');
const https = require('https');
const url = require('url');
const querystring = require('querystring');
//创建HTTP服务器
http.createServer(function(req,res) {
//获取请求URL
let aimUrl = req.url;
//解析请求地址
let urlObj = url.parse(aimUrl,true);
//获取目标地址
let targetUrl = urlObj.query.url;
//解析参数
let paramsObj = urlObj.query;
//删除URL中的url参数
delete paramsObj.url;
//将JSON格式的querystring参数转化为querystring
let params = querystring.stringify(paramsObj);
//设置目标URL
let options = {
protocol: url.parse(targetUrl).protocol,
hostname: url.parse(targetUrl).hostname,
port: url.parse(targetUrl).port,
path: url.parse(targetUrl).pathname + '?' + params,
method: 'GET',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
};
//发起请求
let request = https.request(options, function(response) {
//设置响应数据类型
res.writeHead(response.statusCode, {'Content-Type': 'application/json'});
//监听data事件
response.on('data', function(chunk) {
res.write(chunk);
});
//监听end事件
response.on('end', function() {
res.end();
});
});
//设置请求超时时间
request.setTimeout(3000, function() {
res.writeHead(500, {'Content-Type': 'application/json'});
res.write(JSON.stringify({error: 'timeout'}));
res.end()
});
//监听错误事件
request.on('error', function(error) {
res.writeHead(500, {'Content-Type': 'application/json'});
res.write(JSON.stringify({error: error}));
res.end();
});
//设置请求方式
request.method = req.method;
//发起请求
if (req.method == 'POST' || req.method == 'PUT') {
req.on('data', (data) => {
request.write(data);
});
req.on('end', () => {
request.end();
});
} else {
request.end();
}
}).listen(8080, 'localhost');
学了这么多东西！首先，“跨域请求”就是指在一个浏览器窗口里，来自不同服务器的页面想互相调用某些功能；接着我们介绍了两种大家常用的解决方案，一个叫JSONP（直译就是把JSON弄成函数参数），另一个叫CORS(Cross-Origin Resource Sharing)；最后我们还有Node.js这个大杀器撑腰，借此通过提供代理服务就能让我们轻松实现HTTP请求，还能避开跨域问题，这种做法真的太神奇了！无论何时何地，它都是那么得安全稳定，真是深得人心。
好了，聊天到此为止了。有啥想说的或者想法，直接在评论里跟我说！记得给我点赞然后转发！
评论0