前端React跨域配置代理总结

## 第一种
直接在package.json文件中
"proxy": "http://xxx.xxx" 请求的地址，比如域名 http://ttt.cc.com
假如你的请求地址是：http://ttt.cc.com/api/sss
请求的时候url写成  '/api/sss',然后在Network上可以看到http://localhost:本地启动的端口号/api/sss
如果你写成下面的对象的那种，会报错提示
When specified, 'proxy' in package.json must be a string
## 第二种
对于用create-react-app搭建的项目，按照md文档，放出config文件夹，config下webpackDevServer.config.js文件搜索proxy，如果没有改动的话，大概104行，
默认是：
proxy,
改成：
proxy: {
	'/api': {
	 	target: "http://xxx.xxx",  // 请求的地址
      	changeOrigin:true,
      	"secure":true //如果访问的是https类的链接，就需要设置为true
	}	
},
## 第三种

1.配置代理：下载插件
http-proxy-middleware（可能有版本差异问题，暂时我没遇到，等待有缘人）
2.在src文件下创建一个文件，比如setupProxy.js
const { createProxyMiddleware } = require('http-proxy-middleware')

module.exports = function(app) {
  app.use(createProxyMiddleware('/api',
    {
      target: "http://xxx.xxx", // 请求的地址
      changeOrigin:true,
      "secure":true //如果访问的是https类的链接，就需要设置为true
    }))
}
然后在请求时url效果就可以改成如下：
axios.get("/api/sss/ffe")代替axios.get("http://xxx.xxx/sss/ffe")