axios proxy代理不成功

博客讲述了在前端开发中遇到axios proxy代理设置不成功的问题,详细列举了两种失败的尝试,包括使用createProxyMiddleware配置setupProxy以及通过craco进行webpack配置注入。最终,作者找到了一种解决办法,即通过axios在本地发送请求到代理服务器,再由代理服务器转发到实际目标服务器,以此规避跨域问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

失败尝试

1、createProxyMiddleware进行setupProxy配置,但是由于之前通过craco注入webpack进行less配置,可能底层加了别的配置,导致setupProxy有冲突。
2、于是尝试通过craco进行webpack配置注入,跨域配置仍然无效。

解决办法

通过axios发请求到代理服务器(本机),再通过本机发送到package.json中设置的proxy远程服务器上。等于这份代码是浏览器用,js控制,通过本机发请求

import axios from 'axios';

const axiosInstance = axios.create({
    baseURL:'/', // 创建本机代理服务器, 之后通过本机发送请求
    timeout: 1000*60*12 // 设置超时时间
})

// package.json
proxy: http://xxxxxxx //远程服务器地址
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值