creact-react-app创建项目跨域的处理
来源:互联网 发布:不可思议 知乎 编辑:程序博客网 时间:2024/06/10 14:08
最近求职中发现很多公司都在用
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 0
- creact-react-app创建项目跨域的处理
- creact-react-app创建react项目配置scss
- 通过creact-react-native-app构建项目遇到的坑
- Create-React-App创建React项目
- 使用create-react-app创建项目
- 创建React Native 离线 APP的过程
- 升级Create React App的项目
- 以create-react-app为基础创建项目
- react---学习笔记:使用create-react-app快速构建开发环境并创建项目
- react---react组件创建,通过React.createClass方法与class App extends Component方法的区别
- react---react组件创建,通过React.createClass方法与class App extends Component方法的区别
- 创建React Native项目
- react native项目创建
- 创建react-native项目
- react-项目创建
- Jhipster创建React项目
- 创建react项目
- 创建react项目
- Spark 之 性能调优 写的不错
- mysql知识点
- python爬虫案例——东方财富股票数据采集
- 定位动态地址的3种方法
- 数值分析6 (高斯消元法)
- creact-react-app创建项目跨域的处理
- hdu 5326 Work 并查集
- [编程题] 魔法币
- 深度学习基础知识 和 Tensorflow基础
- myeclipse文档注释乱码问题解决办法
- 设计模式——原型模式
- Extjs—checkbox的取值以及修改时已选项的回显问题
- ARM工作模式
- matlab清除命令