前端设置代理服务器解决跨域问题

本文介绍了前端通过设置代理服务器解决跨域问题的方法。以斗鱼API为例,详细说明如何创建`proxy.conf.json`文件并正确配置,以避免在Angular等前端框架中出现跨域问题。理解代理服务器的配置和选择正确的代理连接部分是关键,适合前端开发者学习。
摘要由CSDN通过智能技术生成

前端设置代理服务器解决跨域问题

跨域在前后端进行数据交接的时候是最容易遇见的问题之一,那么身为前端的我们改如何解决跨域问题呢?
这里我们可以用代理服务器的方式进行解决

  1. 拿到请求连接的url 地址,配置“proxy.conf.json” 文件
    // 这里我们以 斗鱼的地址作为案例
    // url=http://capi.douyucdn.cn/api/v1/live?limit=20&offset=0
    //这个时候我们可以把url 中的前半部分提取出来作为代理连接
    //代理连接 api=http://capi.douyucdn.cn
    //真正发请求的时候就为 api/api/v1/live?limit=20&offset=0

所以可以这样写,先创建一个proxy.conf.json 的文件 ,右键改后缀名字就行,不用非得找这个文件,如果有更好

{
   
    "/api": {
   
      "target": "http://capi.douyucdn.cn"
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值