webpack proxy axios create-react-app

react

当我们使用create-react-app创建项目后,在本地开发完成之后 ,肯定会遇到和服务端交互的问题,这时候配置请求转发是常见的。那么我们配置本地环境请求到服务器的接口。


 1 确保你自己已经使用 npm run eject 命令,这个是生成本地webpack配置文件

2>package.json中配置如下代码

"proxy": {

"/*": {

"target": "http://192.168.8.168:8081", //这里配置你要请求的服务端地址

"changeOrigin": true

}

}

配置完成之后,就能使用了。

在配置完成之后遇到个小问题,

axios 设置的baseURL 也设置成 服务器的地址了,导致请求不成功。

这点一定要是自己本机的地址, 例如我本机地址是 http://localhost:3000

======================================================================================

一>axios 配置的baseURL


2>package.json文件


3 axios 封装的请求


以上是 webpack proxy axios create-react-app 的全部内容, 来源链接: utcz.com/z/381148.html

回到顶部