首页 > 其他分享 >Vue、React 区分生产环境和开发环境

Vue、React 区分生产环境和开发环境

时间:2023-02-01 21:56:46浏览次数:34  
标签:Vue http URL codercba 环境 React BASE export env

1.手动切换

export const BASE_URL = 'http://codercba.com:9002'
// export const BASE_URL = 'http://codercba.prod:9002'
export const TIME_OUT = 10000

2.依赖当前环境: development/production

console.log(process.env.NODE_ENV)
let BASE_URL = ''
if (process.env.NODE_ENV === 'development') {
  BASE_URL = 'http://codercba.dev:9002'
} else {
  BASE_URL = 'http://codercba.prod:9002'
}

export { BASE_URL }

3.从定义的环境变量的配置文件中, 加载变量

  • 根目录下新建开发环境的文件和生产环境的文件,dev.env.js 和 prod.env.js
console.log(process.env.REACT_APP_BASE_URL)

标签:Vue,http,URL,codercba,环境,React,BASE,export,env
From: https://www.cnblogs.com/DL-CODER/p/17084240.html

相关文章

  • vue+elementui实现tab多表单提交
    使用场景:同页面中下tab栏切换多个form表单组件,只有一个提交按钮,各组件下的表单数据分别提交,tab栏的兄弟组件传值。实现方式:父组件通过两次调用$refs获取子组件的方法。......
  • Ubuntu & CentOS配置JAVA JDK环境
    Linux配置JavaJDK环境下载地址:​​https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html​​根据系统相应版本进行下载。安装配置解......
  • Sublime Text 搭建Go开发环境
    前置环境安装Go(自行百度)安装SublimeText(自行百度)SublimeText安装Go插件GodefGofmtGolangBuildGoSublime(只能通过源码安装,直接下载源码,然后放到sublim......
  • 基于KubeSphere在K8S发布微服务ruoyi----6.部署基础环境harbor私有仓库
      1下载并解压cd/tmp wgethttps://github.com/goharbor/harbor/releases/download/v2.6.0/harbor-offline-installer-v2.6.0.tgz  tarxfharbor-offline......
  • vue
    产生背景​​ 播报​​随着​​手机摄像头​​的发展,越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高,但是视频传播的信息量又远大于照片。VUE就诞生在这......
  • 《istio-in-action 系列》 1. 安装 docker-k3s-istio 开发环境
    《istio-in-action系列》1.安装docker-k3s-istio开发环境1.安装docker我这里使用的是​​ubuntu20.04LTS​​操作系统sudoaptupdatesudoaptinstalldocker.io......
  • React的受控组件与非受控组件
    收集表单数据受控组件在HTML中,表单元素(如input、textarea和select)通常自己维护state,并根据用户输入进行更新。而在React中,可变状态(mutablestate)通常保存在组件......
  • vue 中 css 的全局污染问题
    问题场景:通过一个入口文件index.js,export几个自定义的vue组件,如果其中一个组件中有全局的样式,那么 import其中任一个vue组件之后,全局的样式就会被引入,间接的造成......
  • vue3 + vite 报错处理
    TypeError:vite.defineConfigisnotafunction执行命令:npminstall@vitejs/plugin-vue-D config里面配置代码:importvuefrom'@vitejs/plugin-vue'exportdefa......
  • 书城8 - Vue&Axios
    1.Vue{{}}-相当于innerTextv-bind:attr绑定属性值。例如,v-bind:value-绑定value值简写::valuev-model双向绑定v-model:value,简写v-modelv-if,v-......