什么是一个好的设计,当你有多个应用程序?
基本上,我已经将一个react应用程序和一个nodejs应用程序进行了篡改。所以我的想法是有3个对接容器-一个用于react应用程序,一个用于nodejs后端和nginx作为路由器。任何与/的调用都将路由到响应应用程序,而使用/api的任何调用都将路由到nodejs后端。对于react应用程序,在开发期间,我们将使用npm run start运行应用程序,在部署过程中,我们将有多个构建步骤,运行npm run build并将构建文件夹复制到nginx映像中。我正在使用在我的本地while dev和QA/stage服务器上运行这些服务器。拥有nginx路
我在ubuntu上运行。我的电脑上运行着nginx。当我在浏览器中转到我的ip地址时,我看到了nginx的欢迎页面,但我看不到我的react应用程序。我只得到了一个404错误,上面写着nginx。我的应用程序是使用create-react应用程序构建的react应用程序。我使用npm run build进行了构建。我在site中创建了一个站点-可以使用nano。看起来像是 server {
server_name 192.168.43.177;
root home/a/Documents/d/dapp1/mainDapp/client/build/;
index in
我正在尝试设置一个执行以下操作的管道:
提交新的Angular代码构建用于测试的实时审查应用程序手动推送到生产我已经能够使用docker文件在管道中成功构建应用程序,并具有正确的nginx配置以将其路由到登台环境。一旦作业通过,分段环境就会更新,但没有任何东西在运行,并且提供的链接会给出“default backend -404”错误消息。我将感谢任何指导,如何获得这个链接,以适当地服务于现场的angular应用程序。提前谢谢。
Dockerfile:
# Stage 0, "build-stage", based on Node.js, to build and comp
我有一个用create-react-app创建的React应用程序,运行在Nginx中,在Heroku上的Docker容器中。我的Docker文件如下所示:
# build environment
FROM node:12.2.0-alpine as build
WORKDIR /app
ENV PATH /app/node_modules/.bin:$PATH
COPY package.json /app/package.json
RUN npm config set unsafe-perm true
RUN npm install --silent
RUN npm install reac
我有一个包含两个阶段的Dockerfile;第一阶段从源构建react应用程序,第二阶段复制构建并添加NGINX服务器:
FROM kkarczmarczyk/node-yarn as builder
COPY . /workspace
RUN set -ex \
yarn global add create-react-app \
&& yarn install \
&& GENERATE_SOURCEMAP=false yarn build
FROM nginx:mainline-alpine
COPY ./nginx-defaul
我们有一个react应用程序,它使用npm捆绑、运行、构建并部署在nginx容器中。其他用户只需获得坞映像和env文件。
我们希望保持env变量的可配置性。由于npm命令生成了缩小的文件,然后将它们添加到nginx部署目录中;我无法找到更新这些环境的方法。
在React应用程序中,有带有environment.ts的环境目录,在代码中使用${process.env.REACT_APP_API_BASE_URL}访问它们。
下面是我们使用的示例Dockerfile。
FROM node:14 as build-stage
WORKDIR /app
COPY package.json .
RUN
我的反应-导航抽屉不工作,我得到这个错误时,运行的应用程序,任何建议来解决这个问题。
Unable to resolve "react-navigation-drawer" from "App.js"
import React from 'react';
import {createAppContainer} from 'react-navigation';
import {createDrawerNavigator} from 'react-navigation-drawer';
import {Dimensi
我试图部署我的应用程序给公众看,但我被困在这一步。首先,我使用docker封装了自己的React应用程序,并通过-env-file选项将变量传递给停靠程序运行。当我使用CMD "npm","start“运行这个应用程序时,它工作得很好,但是当我试图更改用于生产的dockerfile时,这个站点是可以访问的,但是站点中依赖环境变量的部分失败了。
这是我使用的停靠文件:
FROM node:latest as build-stage
WORKDIR /app
ADD . .
RUN npm install
RUN npm run build
FROM nginx:late
您好,我有一个问题,部署我的反应应用程序(创建反应应用程序)使用docker和nginx
使用以下脚本成功创建了镜像:docker build -t front --network=host .
然而,当我尝试运行容器时:docker run -p 3000:80 front
它不工作,我得到了以下消息:
10-listen-on-ipv6-by-default.sh: /etc/nginx/conf.d/default.conf differs from the packages version, exiting
我的docker文件:
FROM node:12.19.0-alpine3.1
好了,我已经构建了一个React应用程序,并将其部署在Nginx下。到目前为止,一切都很正常,例如,Nginx通过HTTPS为站点提供服务,尽管在我的React应用程序中,我使用了react-router-dom,并默认路由到我的自定义404页面。见下文。带有/*的那个将未处理的请求路由到我的自定义“找不到”页面。当我只在本地运行react应用程序时,整个过程运行得很好,即运行"npm run“,尽管在我将静态构建部署到我的web服务器上后,任何访问有效安全页面(登录后)或无效页面路由的尝试都只显示Nginx默认的404页面。我的Nginx配置如下..
include /etc/ngi
我用React完成了申请。我想在码头容器上运行它,并将它呈现给用户。我可以在输入时访问react,但是当我键入时不能访问react,也就是说,当我键入时如何访问默认的react应用程序?
我希望默认的react应用程序能够看到用户输入时,您能帮我做这个吗?
Dockerfile
# Stage 1
FROM node:8 as react-build
WORKDIR /app
COPY . ./
RUN yarn
RUN yarn build
# Stage 2 - the production environment
FROM nginx:alpine
COPY nginx-custom.
我在我的笔记本电脑上安装了一个相当新的OpenSUSE,并试图测试一个全新的React应用程序。 我从create-react-app站点运行了以下命令: npx create-react-app my-app
cd my-app
yarn start 当发生这种情况时,我会在终端中得到以下输出 yarn run v1.15.2
$ react-scripts start
Attempting to bind to HOST environment variable: linux-wjcv
If this was unintentional, check that y