前端请求跨域Proxy配置

以react为例配置代理Proxy代理,react首先需要创建一个代理文件setupProxy.js

//引入中间键
const proxy = require('http-proxy-middleware')
module.export = function (app){
	app.use(
		proxy('/api1', {//碰到/api1开始的请求,就会触发代理
			target: 'http://localhost:5000',//请求谁
			changeOrigin: true,//控制服务器收到的请求头中Host的值
			pathRewrite: {'^/api1': ''}//重新请求路径,不加此配置的话,http://localhost:5000/api1,这个地址明显不是我们要的,我们要的是这个 http://localhost:5000
		}),
			proxy('/api2', {
			target: 'http://localhost:6000',
			changeOrigin: true,
			pathRewrite: {'^/api2': ''}
		})
	)
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值