如果是通过creat-react-app构建的项目,以下操作都是在package.json中设置的
设置默认打开浏览器及端口
需要设置scripts的start选项
- 设置默认打开谷歌浏览器
"start": "set BROWSER=chrome&& react-scripts start"
- 设置关闭默认打开浏览器
"start": "set BROWSER=none&& react-scripts start"
- 设置默认打开端口
"start": "set PORT=8080&& react-scripts start"
注意: &&之前不能有空格
可以合并使用,如默认不打开浏览器和设置端口
"start": "set BROWSER=none&& set PORT=8080&& react-scripts start"

设置反向代理跨域
需要在package.json中添加proxy
如果只代理一个域,如下例所示
"proxy": "http://127.0.0.1:8088"

如果有多个域代理,如下例所示
"proxy": {
"/api1": {
"target": "http://127.0.0.1:8088",
"changeOrigin":true
},
"/api2":{
"target":"http://127.0.0.1:8090",
"changeOrigin":true
}
}
本文介绍通过creat-react-app构建的React项目,在package.json中的设置操作。包括设置默认打开浏览器及端口,如设置默认打开谷歌浏览器、关闭默认打开浏览器、设置默认打开端口等,还可合并设置;同时介绍了设置反向代理跨域,分单域和多域代理情况。
969

被折叠的 条评论
为什么被折叠?



