webpack proxy axios create-react-app
当我们使用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