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
複製代碼