react 实现proxy代理配置，使用setupProxy.js文件发起请求

1.安装http-proxy-middleware，会生成config和scripts文件夹，
在config/path.js中存在 proxySetup: resolveApp(‘src/setupProxy.js’)，proxySetup是在webpackDevServer.config.js中

npm install http-proxy-middleware -D

2.暴露配置文件

npm run eject

3.在src下面新建setupProxy.js文件

const {
    createProxyMiddleware
} = require('http-proxy-middleware');

module.exports = function (app) {
    app.use(createProxyMiddleware('/api', {
        target: 'http://m.kugou.com?json=true',/*这里写自己的代理地址*/
        changeOrigin: true,
        ws: true,
        pathRewrite: {
            '^/api': ''
        },
    }));
};

3.在scripts/start.js文件中，加上下面的代码，路径是setupProxy文件的路径，（这里我添加之后，注释掉，一样是可以请求的，所以不是很明白这个步骤）

 require('../src/setupProxy')(devServer)

4.下载axios,使用代理请求

npm install axios -s

引入

import axios from 'axios'

发起请求

  qinqiu = () => {
        console.log(123)
        axios({
            url: 'api/mytable',//不用引入，直接在api后面接接口
            method: 'get',
            data: {}
        }).then(data => {
            console.log(data)
        }).catch(err => {
            console.log(err)
        })
       
    }