Reactjs 对React+进行问题归档；节点+；nginx应用程序_Reactjs_Docker_Express_Nginx_Heroku

Reactjs 对React+进行问题归档；节点+；nginx应用程序

reactjs docker express nginx heroku

Reactjs 对React+进行问题归档；节点+；nginx应用程序,reactjs,docker,express,nginx,heroku,Reactjs,Docker,Express,Nginx,Heroku,我正在尝试为我的React应用程序创建一个图像。这是一个非常简单的createreact应用程序设置。我知道关于这个主题有很多问题，但是这里的区别是我试图部署到Heroku，因为Heroku不支持EXPOSE，所以设置有点不同我已经成功地启动并运行了我的前端，但是我的Express部分出现了问题。这是我的文件 FROM node:14.1-alpine AS builder WORKDIR /opt/web COPY package.json ./ RUN npm install ENV

我正在尝试为我的React应用程序创建一个图像。这是一个非常简单的

createreact应用程序设置。我知道关于这个主题有很多问题，但是这里的区别是我试图部署到Heroku，因为Heroku不支持EXPOSE
，所以设置有点不同
我已经成功地启动并运行了我的前端，但是我的Express部分出现了问题。这是我的文件
FROM node:14.1-alpine AS builder

WORKDIR /opt/web
COPY package.json ./
RUN npm install

ENV PATH="./node_modules/.bin:$PATH"

COPY . ./
RUN npm run build

FROM nginx:1.17-alpine
RUN apk --no-cache add curl
RUN curl -L https://github.com/a8m/envsubst/releases/download/v1.1.0/envsubst-`uname -s`-`uname -m` -o envsubst && \
    chmod +x envsubst && \
    mv envsubst /usr/local/bin
COPY ./nginx/nginx.conf /etc/nginx/nginx.template
CMD ["/bin/sh", "-c", "envsubst < /etc/nginx/nginx.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"]
COPY --from=builder /opt/web/build /usr/share/nginx/html

来自节点：14.1-1作为构建器
WORKDIR/opt/web
复制package.json/
运行npm安装
ENV PATH=“./node_modules/.bin:$PATH”
复制/
运行npm运行构建
来自nginx:1.17-1
运行apk--无缓存添加卷曲
运行curl-Lhttps://github.com/a8m/envsubst/releases/download/v1.1.0/envsubst-`uname-s`-`uname-m`-o envsubst&&\
chmod+x envsubst&&\
mv envsubst/usr/local/bin
复制./nginx/nginx.conf/etc/nginx/nginx.template
CMD[“/bin/sh”、“-c”、“envsubt/etc/nginx/conf.d/default.conf&&nginx-g‘守护进程关闭’”]
复制--from=builder/opt/web/build/usr/share/nginx/html

这非常简单，但我不确定如何将我的server.js
文件作为API提供服务
我已经尝试了许多在线教程来让nginx在React和Express上运行，但它要么无法与我当前的设置（本地）一起工作，要么无法在Heroku上构建
我创建了一个可复制的回购协议。不知道从这里到哪里去