react项目配置代理

1.处理git文件

如果是自己练习的项目用不到.git文件，直接把.git文件删除即可。如果是协同开发的项目先把代码commit之后再执行下一步。

2.解包

npm run eject

解包之后出现config，说明解包成功，显示webpack的配置文件

3.配置webpack文件

1.找到 config>webpackDevServer.config.js文件

2.在文件中搜索proxy

3.修改为下面形式

proxy: {
  '/api': {
    target: '此处写后端服务地址', // 后台服务地址以及端口号
    changeOrigin: true, //是否跨域
    pathRewrite: { '^/api': '/' }
  }
}

3.修改封装的axios

const axiosOption = {
    baseURL: '/api',
    timeout: 5000
}

配置完成之后记得重启项目,配置完成之后记得重启项目,配置完成之后记得重启项目