跨域资源共享终极手段:服务器代理转发

一般的说,我们GET请求跨域是用jsonp。但遇到一些其他情况(比如POST)或者因为API的其他原因无法进行跨域。我们可以使用转发的手段实现跨域。原理是服务器模拟浏览器正常访问之后转发给本机

代码实现
//引入express框架
let express = require('express')
let app = express()
//引入跨域中间件
let proxy = require('http-proxy-middleware');
//引入跨域资源共享
var cors = require('cors')

app.use(cors())

app.use('/', proxy({
//目标地址(拿知乎日报做测试)
    target: 'https://news-at.zhihu.com/',
    pathRewrite: {
      '^/' : ''
    },
    changeOrigin: true
}))

app.listen(20000)
console.log('server is running!')
获取数据
  1. 首先node环境下运行这段代码,node xxxx.js
  2. 我们将目标地址替换为我们服务器地址用GET方式访问就可以了

声明:这里以 知乎日报API 举例,此API非作者提供。

跨域资源共享(Cross-Origin Resource Sharing,简称CORS)是一种机制,用于在浏览器中处理跨域请求。当一个网页的源(origin)与请求的目标资源的源不一致时,浏览器会执行CORS机制来确定是否允许该请求。 CORS错误通常指的是在进行跨域请求时出现的问题。以下是一些常见的CORS错误: 1. 同源策略限制:浏览器默认情况下,不允许通过XMLHttpRequest或Fetch API发送跨域请求。如果尝试发送跨域请求浏览器会阻止该请求,并抛出CORS错误。 2. 预检请求失败:对于某些复杂的跨域请求(例如带有自定义头部信息或使用特殊HTTP方法的请求),浏览器会先发送一个预检请求(OPTIONS请求)来检查服务器是否允许实际请求。如果预检请求失败,浏览器会抛出CORS错误。 3. 服务器未正确配置CORS:服务器需要在响应中添加一些特定的HTTP头部信息来告知浏览器允许跨域请求。如果服务器未正确配置CORS,浏览器会抛出CORS错误。 解决CORS错误的方法包括: 1. 在服务器端正确配置CORS:服务器需要在响应中添加`Access-Control-Allow-Origin`头部信息,指定允许访问的源。还可以添加其他CORS相关的头部信息,如`Access-Control-Allow-Methods`和`Access-Control-Allow-Headers`。 2. 使用代理服务器:可以通过设置一个代理服务器转发请求,使得请求变为同源请求,从而避免CORS问题。 3. JSONP:如果只是需要获取数据而不涉及其他类型的请求,可以考虑使用JSONP(JSON with Padding)来进行跨域请求
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值