react 代理不生效
时间: 2023-07-25 19:19:22 浏览: 186
Nginx配置React项目Url后直接输入路由路径时报404问题的解决
如果你使用的是 create-react-app,可以在 package.json 文件中添加如下配置:
```
"proxy": "http://localhost:8080"
```
其中,http://localhost:8080 是你要代理的后端接口地址。然后在你的前端代码中直接请求接口即可,例如:
```
fetch('/api/data').then(response => {
console.log(response);
});
```
如果你使用的是自定义 webpack 配置,可以在 webpack 配置文件中添加如下配置:
```
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8080',
pathRewrite: { '^/api': '' }
}
}
}
```
其中,http://localhost:8080 是你要代理的后端接口地址,'/api' 是你要代理的请求路径前缀。然后在你的前端代码中直接请求接口,并在请求路径前加上 '/api',例如:
```
fetch('/api/data').then(response => {
console.log(response);
});
```
阅读全文