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

最新推荐文章于 2024-07-18 22:13:37 发布

邱自强

最新推荐文章于 2024-07-18 22:13:37 发布

阅读量2k

点赞数

分类专栏： fetch处理跨域问题文章标签： reactjs

本文链接：https://blog.csdn.net/qq_42157868/article/details/108920218

版权

fetch处理跨域问题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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
		
		})
	})
}