react craco 配置跨域
时间: 2023-07-06 15:17:33 浏览: 164
react路由配置方式详解
5星 · 资源好评率100%
要在 React 中使用 craco 配置跨域,你需要进行以下步骤:
1. 安装 `http-proxy-middleware` :
```bash
npm install http-proxy-middleware --save
```
2. 在项目根目录下创建 `setupProxy.js` 文件。
3. 在 `setupProxy.js` 文件中添加以下代码:
```javascript
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/api',
createProxyMiddleware({
target: 'http://localhost:5000', // 代理接口的域名和端口号
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/api': '', // 重写接口
},
})
);
};
```
4. 修改 `package.json` 文件中的 `scripts` 命令:
```json
"start": "craco start",
```
改为:
```json
"start": "craco start --proxy http://localhost:5000", // 跨域请求代理
```
这样就完成了 React 中使用 craco 配置跨域的操作。
阅读全文