Bootstrap

react中前端解决跨域的几种方法

1.通过package文件解决跨域,在package.json中配置proxy:这里是要请求的url 如图
在这里插入图片描述
2.手动解决跨域
1.cnpm install http-proxy-middleware --save
2.在src中创建一个setupProxy.js的文件
插入代码:

const proxy= require('http-proxy-middleware')
module.exports = function(app){
	app.use({
		'/api',
		proxy({
		//请求的前缀写这里 服务器的路由path不要写
			target:"你要请求的地址",
			changeOrigin:true
		
		})
	})
}
;