Reactjs 对库伯内特斯入侵作出反应

Reactjs 对库伯内特斯入侵作出反应,reactjs,kubernetes,azure-aks,Reactjs,Kubernetes,Azure Aks,我在Azure Kubernetes中部署了一个应用程序。我试图通过Ingress Nginx控制器访问应用程序。入口指向xxx.xxx.com,应用程序部署在路径“/react”中。因此,当我访问应用程序时,我可以看到标题,但我可以在控制台上看到以下内容 GET net::ERR_中止404。当我通过访问CSS文件时,我能够访问它。那么,如何添加/响应生成的文件路径 以下是dockerfile的内容 # build environment FROM node:12.2.0-alpine as

我在Azure Kubernetes中部署了一个应用程序。我试图通过Ingress Nginx控制器访问应用程序。入口指向xxx.xxx.com,应用程序部署在路径“/react”中。因此,当我访问应用程序时,我可以看到标题,但我可以在控制台上看到以下内容 GET net::ERR_中止404。当我通过访问CSS文件时,我能够访问它。那么,如何添加/响应生成的文件路径

以下是dockerfile的内容

# 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 install --silent
RUN npm install react-scripts@3.0.1 -g --silent
COPY . /app
RUN npm run build

# production environment
FROM nginx:1.16.0-alpine
COPY --from=build /app/build /usr/share/nginx/html
RUN rm /etc/nginx/conf.d/default.conf
COPY nginx/nginx.conf /etc/nginx/conf.d
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
入口部署

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: ingress
  namespace: sample-ns
  annotations:
    kubernetes.io/ingress.class: nginx
    nginx.ingress.kubernetes.io/force-ssl-redirect: "true"
    nginx.ingress.kubernetes.io/rewrite-target: /$2
spec:
  tls:
  - hosts:
    - dns
    secretName: tls
  rules:
  - http:
      paths:
      - backend:
          serviceName: my-react-app
          servicePort: 80
        path: /react(/|$)(.*)

如果您使用的是Create React应用程序,您可能需要更新“homepage”设置,以反映文件将从子目录而不是网站根目录提供

放置
“主页”:https://dns/react“
在您的package.json和repact/docker中
重新部署可能会奏效。

如果您使用的是Create React应用程序,您可能需要更新“homepage”设置,以反映文件将从子目录而不是网站根目录提供

放置
“主页”:https://dns/react“
在您的package.json和repact/docker中
重新部署可能会奏效。

这将有助于解决同样的问题。更改为/react?当您说“那么我如何才能向生成的文件路径添加/react?”时,您的意思是什么?这将帮助您解决同样的问题。更改为/反应?当您说“那么我如何才能添加/反应到生成的文件路径?”时,您的意思是什么?