creact-react-app创建项目跨域的处理

最近求职中发现很多公司都在用react和vue开发,而自己最近一直使用与深入研究的是angular2+系列,出去找工作人家根本不用angular2+,虽然自己对react也深入研究过并使用过,只是好久没用,面试也能说出个八九分,上班也可以直接拿起键盘干活的,只是每个公司用的状态机不一样而已,但是还是遭到别人的怀疑,vue我是没项目经验,只是因为外面都在用自己不得不研究,虽然不能说精通,但是做项目是随时的。互联网这个行业怎么来说,学习是自己的事情,最近花点时间重新搞下react–>reactnative,不是因为工作需要,仅仅是个人需要提高下

一、使用create-react-app脚手架创建react项目

相对于我之前手动配置webpack幸福多了

• 1、全局安装

  npm install create-react-app -g

• 2、创建一个项目

  create-react-app 项目名称

• 3、启动项目

  npm run start

二、处理跨域的问题

• 1、本地使用node搭建一个简单的服务器
• 2、react中直接安装并使用axios请求数据的包

• 3、在package.json配置跨域的服务器(直接在最后加上就好)

  "proxy":"http://localhost:4000/"  // 需要代理的服务器 

• 4、在react的钩子函数中

  componentDidMount(){
      axios.get('/xxx').then(res=>{
          console.log(res);
      })
  }

三、发布build后使用nginx处理跨域

• 1、运行打包命令

  npm run build

• 2、配置nginx.conf不清楚的可以见

四、扩展

• 1、有人会用dva脚手架
• 2、参考