Question

使用Docker部署React（Create-react-app）时遇到问题，我的设置是，Docker构建React应用并使用 Nginx 为其提供服务。

Nginx配置如下：

        root /usr/share/nginx/html;

        location / {
            try_files $uri /index.html;
        }

DockerFile看起来像：

FROM node:10-alpine as build-deps
WORKDIR /usr/src/front
COPY package*.json ./

RUN npm install
COPY . ./
RUN npm run build

FROM nginx:1.12-alpine
COPY --from=build-deps /usr/src/front/build /usr/share/nginx/html
COPY ./nginx/nginx.conf /etc/nginx/nginx.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

尝试访问www.myreactapp.com/something到www.myreactapp.com/时可以使用，因此这是正确的行为，但是/public/images/或/public/fonts/中的所有资产都不再显示。

在每个示例中，此徽标均不会显示，并且在控制台上没有错误：

src={`${Config.APP_URL}/images/icons/logo.svg`}

有人可以帮助您找到解决方案吗？谢谢

使用Docker和Nginx的React应用在404

0 个答案: