webpack的环境变量以及配置请求路径

摘要:
执行npmruneject以公开配置文件并输入config->Env.js文件。在此文件中查找getClientEnvironment函数。此函数返回客户端的环境变量。在getClientEnvironment函数中,您可以直接使用process.env.NODE externally _ env获取当前环境注意:通常不会修改PUBLIC _ URL,您需要引用公共文件夹中的资源。

使用create-app-react创建项目,执行npm run eject暴露配置文件

进入config->env.js文件,在该文件中找到getClientEnvironment函数,此函数返回的是客户端的环境变量

webpack的环境变量以及配置请求路径第1张

在getClientEnvironment函数中,NODE_ENV既为环境变量,在外部可以直接使用process.env.NODE_ENV获取到当前环境

注:一般情况下是不会去修改PUBLIC_URL的,如果将文件放入public文件夹,webpack不会处理它。相反,它将被复制到构建文件夹中。需要引用public文件夹中的资源,这时才使用PUBLIC_URL。

在开发过程中,我们需要针对production和development环境配置不同的请求路径,具体配置如下:

webpack的环境变量以及配置请求路径第2张

 这样配置完成之后,可以在外部直接使用process.env.REQUEST_URL获取到不同环境下的url。如下图,当前环境为开发环境,输出开发环境下的请求url

webpack的环境变量以及配置请求路径第3张

免责声明:文章转载自《webpack的环境变量以及配置请求路径》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇kubectl 常用命令2019 安装SSDT下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

远程Get,Post请求工具类

1.远程请求工具类   import java.io.*; import java.net.URL; import java.net.URLConnection; import java.util.List; import java.util.Map; public class ExoticHttpRequest { /** * 向指定URL...

开源网络备份软件 bacula 的安装、配置和运行

安装bacula 1 bacula的几种网络备份拓扑 前面文章介绍了bacula有5个组成部分,在实际的应用中,没有必要将5个部分分别放在不同的服务器上,它们之间的某些部分是可以合并的,常见的bacula部署结构有如下几种: Director与SD以及Console在一台机器上,而客户端FD在另外一台机器上,当然客户端FD可以有一台或者多台上。 Direc...

CentOS---网络配置详解

一、配置文件详解在RHEL或者CentOS等Redhat系的Linux系统里,跟网络有关的主要设置文件如下: /etc/host.conf         配置域名服务客户端的控制文件 /etc/hosts             完成主机名映射为IP地址的功能 /etc/resolv.conf       域名服务客户端的配置文件,用于指定域名服务器的位...

Samba安装配置

Samba简介 Samba官网:http://www.samba.orgSMB(Server Messages Block,信息服务块)是一种在局域网上共享文件和打印机的一种通信协议,它为局域网内的不同计算机之间提供文件及打印机等资源的共享服务。SMB协议是客户机/服务器型协议,客户机通过该协议可以访问服务器上的共享文件系统、打印机及其他资源。通过设置“N...

SQL-Redis使用详细教程

 一、Redis基础部分:  1、redis介绍与安装比mysql快10倍以上  *****************redis适用场合**************** 1.取最新N个数据的操作 2.排行榜应用,取TOP N 操作 3.需要精确设定过期时间的应用 4.计数器应用 5.Uniq操作,获取某段时间所有数据排重值 6.实时系统,反垃圾系统7.Pu...

centos中网卡的配置

配置临时IP: ip a a 192.168.59.100/24 dev ens32 ifconfig ens32 192.168.59.100 up  在Linux最小安装之后,一般需要手动配置网络地址。 初始化界面: 一、简单的利用DHCP获取 1、进入网卡配置文件  1 cd /etc/sysconfig/network-scripts/  2、...