create-react-app使用总结

623 阅读1分钟

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