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、参考