当前位置: 首页 > 面试题库 >

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

尚嘉庆
2023-03-14
本文向大家介绍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来获取基础路径,此时打包的时候会根据不同的环境打包不同的域名

 类似资料:
  • 本文向大家介绍详解vue.js根据不同环境(正式、测试)打包到不同目录,包括了详解vue.js根据不同环境(正式、测试)打包到不同目录的使用技巧和注意事项,需要的朋友参考一下 1、在build文件夹中创建testing.js文件 2、修改config文件夹中的prod.env.js文件 3、在package.json文件中添加npm run testing命令 4、config ->index.j

  • A Zen student went up to a hot dog vendor and said: "Make me one with everything". — Joke 环境背景很重要。 如果你想对 Puppet 的配置清单在应用到生产环境之前先进行测试, 你可以使用 Puppet 的 environment 特性来做到。 这可以让你根据环境应用不同的配置清单来设置客户机。例如,你可以定

  • 在 Angular 项目在实际运用中,我们需要静态文件放在 CDN 上。那怎么通过单一的 Docker image 实现 CDN 地址可变呢? 我们基于 用 Docker 搭建 Angular 前端应用 来做一些改进。 gulp 是一个很好用的构建工具,不仅是因为他的语法灵活,更是因为有非常多的插件供我们使用。 在这个例子中,我们使用 gulp-cdnizer。 Angular 项目构建优化 首先

  • vue项目打包,怎么实现不同环境配置不同的配置呢? 例如: 打包命令 npm run xxxx 可以进入‘xxx’处配置,执行自定义配置

  • 在 Angular 项目在实际运用中,我们的项目需要根据不同的开发要求,对接不同后端 API。怎么通过单一的 Docker image 实现对接不同的后端 API 呢? 我们基于 用 Docker 搭建 Angular 前端应用 来做一些改进。 gulp 是一个很好用的构建工具,不仅是因为他的语法灵活,更是因为有非常多的插件可供我们使用。在这个例子中,我们使用 gulp-ng-config。 An

  • 问题内容: 我目前在“开发”框中安装了Jenkins实例。这样可以很好地构建并且可以毫无问题地部署到我们的开发环境中。 在构建过程中,我的项目使用了一个包含诸如数据库连接URL之类的详细信息的属性文件(诸如此类的详细信息显然会因我所指向的环境而异)。 我想知道的是配置项目的最佳方法是什么,以便当我想将Jenkins构建的WAR文件发布到Production中时,它包含Production属性而不是