webpack 配置proxy 解决跨域问题

前言：公司前期一直使用express和koa框架做项目，请求一直在服务端，所以没有遇到跨域的问题。在使用react做纯view项目的时候，跨域的问题就伴随而来。怎么解决呢？除了让后端解决外，可以在webpack的配置上解决这个问题，下面我介绍少一下解决的方法。

在确认node_modules包含http-proxy-middleware模块的情况下配置devServer如下，否则先npm安装一下再配置。

devServer: {
        proxy: {
          '/api': {
            target: 'https://xxx.sendinfo.com.cn',
            secure: false,
            changeOrigin:true //允许跨域请求
          }
        },
        contentBase: "./public", //本地服务器所加载的页面所在的目录
        colors: true, //终端中输出结果为彩色
        historyApiFallback: true, //不跳转
        inline: true, //实时刷新
        hot: true  // 使用热加载插件 HotModuleReplacementPlugin
    }