博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
create-react-app使用总结
阅读量:5807 次
发布时间:2019-06-18

本文共 741 字,大约阅读时间需要 2 分钟。

1.安装使用三种:

   1.npx

   2npm

   3.yarn

2.

 npm

npm install -g create-react-appcreate-react-app my-appcd my-appornpm init react-app my-app开发环境:npm run start 线上环境:npm install -g pushstate-serverpushstate-server build复制代码

npx:

npx create-react-app my-appcd my-app开发环境:npm start复制代码

yarn:

yarn create react-app my-app开发环境:yarn start 线上:yarn build复制代码

3.开发环境(npm run start)跨域问题:

 之前做法:

const apiBaseUrl = process.env.NODE_ENV === 'development' ? 'localhost:3001' : '/'复制代码

目前简单方法(package.json配置):

"proxy": "http://localhost:3001/",复制代码

4.线上环境:

1.前端跟后端都是同一个port

2.nginx转发

  1.配置转发到html

  2.配置转发到js等static

  3.配置proxy_pass 到后端接口即可。

5.Https:

 要求:react-scripts@0.4.0版本以上

windows package.json:set HTTPS=true&&npm startMac or Linux package.json 配置:HTTPS=true npm start复制代码

转载地址:http://loybx.baihongyu.com/

你可能感兴趣的文章
Python线程详解
查看>>
MongoDB 学习笔记之 Nested doc/DBRef (Spark)
查看>>
Online Patching--EBS R12.2最大的改进
查看>>
说说我的web前端之路,分享些前端的好书
查看>>
Binary Search Tree Iterator leetcode
查看>>
sql server DateTime与DateTime2的区别
查看>>
Oracle性能优化--DBMS_PROFILER
查看>>
关于团队成长和本地化团队建设的思考
查看>>
8月16日学习内容整理:计算机,变量,条件循环,break,continue
查看>>
借鉴bootstrap的方法,快速实现响应式开发
查看>>
跑步书籍推荐 --- 跑步指南
查看>>
asp.net服务控件的生命周期
查看>>
JAVA数据类型
查看>>
考前的焦躁
查看>>
rsync算法原理
查看>>
关闭Jquery Ajax 缓存
查看>>
uva-317-找规律
查看>>
CMakeLists实战解读--YouCompleteMe
查看>>
shutdown用法详解
查看>>
Event事件的兼容性(转)
查看>>