creact-react-app创建项目跨域的处理
最近求职中发现很多公司都在用react和vue开发,而自己最近一直使用与深入研究的是angular2+系列,出去找工作人家根本不用angular2+,虽然自己对react也深入研究过并使用过,只是好久没用,面试也能说出个八九分,上班也可以直接拿起键盘干活的,只是每个公司用的状态机不一样而已,但是还是遭到别人的怀疑,vue我是没项目经验,只是因为外面都在用自己不得不研究,虽然不能说精通,但是做项目是
   ·  
 最近求职中发现很多公司都在用
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、参考
更多推荐
 
 



所有评论(0)