create-react-app脚手架 - 跨域proxy、反向代理

    在做前后端分离的项目的时候，调用接口我们都会遇到跨域的问题。解决跨域问题可以后台设置cros(跨域资源共享)，如果前端解决的话可以使用代理，接下来一起来看一下create-react-app脚手架下如果配置

一、只代理一个

在package.json文件中增加如下配置：

"proxy": "http://www.wyunfei.com"  // 配置你要请求的服务器地址

{

"name": "demo",

"version": "0.1.0",

"private": true,

"proxy":"http://192.168.6.115:8080",

"homepage":".",

"dependencies": {
  

结果，如下

注意，鼠标悬浮请求地址还是没有变化，但是其实已经帮我们代理到来了http://www.wyunfei.com/这个地址上了，否则我的请求绝对会404，因为在我这里根本就没有这个API啊。

二、代理多个

create-react-app 的版本高于 2.0 版本的时候在 package.json 只能配置 string 类型， 配置成如下：

"proxy": "http://www.wyunfei.com"  // 配置你要请求的