[react] React根据不同的环境打包不同的域名?

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[react] React根据不同的环境打包不同的域名?相关的知识,希望对你有一定的参考价值。

[react] React根据不同的环境打包不同的域名?

如果是CRA的项目的话,可以使用.env .env.development .env.production文件来区分不同的环境;
比如生产环境域名http://www.prod.com,开发环境域名http://www.deve.com
则可以分别设置REACT_APP_BASE_URL = 'http://www.prod.com'REACT_APP_BASE_URL = 'http://www.deve.com'
然后在程序中使用process.env.REACT_APP_BASE_URL来获取基础路径,此时打包的时候会根据不同的环境打包不同的域名

 个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论



主目录

与歌谣一起通关前端面试题

以上是关于[react] React根据不同的环境打包不同的域名?的主要内容,如果未能解决你的问题,请参考以下文章

cross-env 根据环境打包

react首屏页面加载性能优化记录

SpringBoot 多环境配置与打包

React Native 搭建开发环境

webpack+react多页面开发-终极架构

webpack4+react多页面架构