将基本url添加到Reactjs Docker镜像的方法是通过在Dockerfile中使用环境变量来设置。具体步骤如下:
REACT_APP_BASE_URL=http://example.com
。# 基于Node镜像作为基础镜像
FROM node:14-alpine
# 设置工作目录
WORKDIR /app
# 安装项目依赖
COPY package.json ./
COPY yarn.lock ./
RUN yarn install
# 将环境变量传递给React应用
ARG REACT_APP_BASE_URL
ENV REACT_APP_BASE_URL=$REACT_APP_BASE_URL
# 构建React应用
COPY . ./
RUN yarn build
# 启动React应用
CMD ["yarn", "start"]
$ docker build -t react-app .
$ docker run -p 80:80 -e REACT_APP_BASE_URL=http://example.com react-app
这样,React应用就会使用传递给Docker容器的环境变量来设置基本url。在React应用的代码中,你可以通过process.env.REACT_APP_BASE_URL
来访问基本url。根据具体需求,你可以在不同环境中设置不同的基本url,而无需修改代码。
注意:这里没有提及腾讯云的相关产品和产品介绍链接地址,因为根据要求不能提及特定的云计算品牌商。
领取专属 10元无门槛券
手把手带您无忧上云