React项目重如何设置启动不同端口对应不同后端的IP地址

news/2024/7/15 17:34:13 标签: react.js, 前端, 前端框架

场景:
前端一对多后端,每一次去改proxy中的代理很麻烦,如何设置不同端口对应不同后端本地地址

  1. 安装cross-env
  2. 设置环境变量REACT_APP_ENV(如何设置,之前的文章中已经记录)
  3. 设置package.json,如图
    在这里插入图片描述
  4. 修改proxy.js,如图
    在这里插入图片描述
  5. 应用,想启动哪个后端直接在终端敲入命令
yarn run gc

http://www.niftyadmin.cn/n/5433707.html

相关文章

C语言字符函数和字符串函数详解

Hello, 大家好,我是一代,今天给大家带来有关字符函数和字符串函数的有关知识 所属专栏:C语言 创作不易,望得到各位佬们的互三呦 一.字符函数 在C语言中有一些函数是专门为字符设计的,这些函数的使用都需要包含一个头文…

Linux运维_Bash脚本_构建安装GStreamer-1.22.10

Linux运维_Bash脚本_构建安装GStreamer-1.22.10 Bash (Bourne Again Shell) 是一个解释器,负责处理 Unix 系统命令行上的命令。它是由 Brian Fox 编写的免费软件,并于 1989 年发布的免费软件,作为 Sh (Bourne Shell) 的替代品。 您可以在 L…

PyTorch究竟是什么?

PyTorch介绍 什么是PyTorch? PyTorch是由Facebook人工智能研究实验室(FAIR)开发的开源机器学习库。它提供了一个灵活而动态的框架,用于构建和训练神经网络。与TensorFlow等其他框架不同,PyTorch使用动态计算图,使模型构建和调试更直观。 关键特性: 动态计算图: PyTor…

android studio 连接mumu模拟器调试

1、打开mumu模拟器 2、在Android Studio 中 控制台 cd 到 sdk 目录下 platform-tools 文件夹,有一个adb.exe 可运行程序 一般指令: adb connect 127.0.0.1:7555 但是这个执行在window环境下可能会报错 解决方法是在 adb 之前加 ".\", 问题…

xray问题排查,curl: (35) Encountered end of file(已解决)

经过了好几次排查,都没找到问题,先说问题的排查过程,多次确认了user信息,包括用户id和alterid,都没问题,头大的一逼 问题排查过程 确保本地的xray服务是正常的 [rootk8s-master01 xray]# systemctl stat…

qt之画图

QPainter 1、在头文件里重载 protected: void paintEvent(QPaintEvent *event); 2、定义一个定时器,链接到槽函数 update analylogTImer new QTimer(this); connect(analylogTImer,SIGNAL(timeout()),this, SLOT(update())); analylogTImer->sta…

【C++】类和对象终章

🔥博客主页: 小羊失眠啦. 🎥系列专栏:《C语言》 《数据结构》 《C》 《Linux》 《Cpolar》 ❤️感谢大家点赞👍收藏⭐评论✍️ 文章目录 一、初始化列表1.1 初始化列表的形式1.2 初始化列表的注意事项 二、explicit关键…

双指针 | 移动零 | 复写零

1.移动零 题目描述: 给定一个数组 nums,编写一个函数将所有 0 移动到数组的末尾,同时保持非零元素的相对顺序。 示例: 输入: nums [0,1,0,3,12] 输出: [1,3,12,0,0]解题思路: right指针一直往后移动,当…