react 配置代理 解决跨域

/*

跨域?

1、?jsonp?最原始

2、?CORS?后台解决跨域方法?Access-Control-Allow-Origin

3、前端配置代理???在本地装一个node?->?后台接口?我们的ajax?->?node服务?本地开发才有，?打包上线?就没有node了?

?

*/

官网： https://HdhCmsTesthtml.cn/create-react-app/docs/proxying-api-requests-in-development/

第一步：

$ npm install http-proxy-middleware --save
$ # 或
$ yarn add http-proxy-middleware

　　

第二步：创建? src/setupProxy.js ?并将以下内容放入该文件中：

const?{createProxyMiddleware}?=?require('http-proxy-middleware')

module.exports?=?function?(app)?{

??app.use(

????createProxyMiddleware('/api',?{

??????target:?'https://blogs.zdldove.top',

??????changeOrigin:?true,

??????pathRewrite:?{

????????'^/api':?''

??????}

????}),

??)

}

　　

结尾： 如果配置多个代理。复制一份 app.use()，然后把上面哪个'api‘名字换了。把target路径换了就可以了。

查看更多关于react 配置代理 解决跨域的详细内容...