create-react-app使用总结

1.安装使用三种：

   1.npx

   2npm

   3.yarn

2.

 npm

npm install -g create-react-app
create-react-app my-app
cd my-app

or
npm init react-app my-app
开发环境：
npm run start 

线上环境：
npm install -g pushstate-server
pushstate-server build
复制代码

npx:

npx create-react-app my-app
cd 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 start

Mac or Linux package.json 配置：
HTTPS=true npm start
复制代码