React 跨域的配置

最新推荐文章于 2024-08-28 09:41:59 发布

我不怕，我是超人

最新推荐文章于 2024-08-28 09:41:59 发布

阅读量1k

点赞数

文章标签： react.js 前端

本文链接：https://blog.csdn.net/weixin_48145150/article/details/129207468

版权

1、为什么会出现跨域？

浏览器遵循同源政策（同源策略三要素：协议相同、域名相同、端口相同）

2、配置跨域代理

使用中间件 http-proxy-middleware（安装依赖）
```
npm install http-proxy-middleware
```
创建setupProxy.js 文件（src/setupProxy.js）

setupProxy.js （可配置多个）

/**
 * @description :{配置代理}
 */
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
    app.use('/ajax',createProxyMiddleware({
        target: 'https://i.maoyan.com',
        changeOrigin: true
    }))
    app.use('/ajax',createProxyMiddleware({
        target: 'https://',
        changeOrigin: true
    }))
}