如何正確地連接 dockerized api 和前端（下一個帶有 Strapi 的應用程序）

Question

幾天以來，我試圖在 dockerized 環境中使用 strapi 作為 api 部署我的 next.js 站點。

到目前為止，我已經發現我的前端無法使用“普通”DNS，因此會將 api url 解析為內部 docker ip。 這首先沒有問題，但是我的 docker 應用程序（前端和后端）都在使用 https 的 Hynix 代理后面運行。 為了實現這一點，我在我的服務器上使用jwilder nginx-proxy代理。

現在的問題是，由於它使用的是內部 ip，因此我無法將 https 用於 api url。 它適用於使用 http 的構建，沒有任何問題，但是，例如，一旦我嘗試通過 axios 加載內容，它就會拋出（令人驚訝的）混合內容錯誤。

我想我錯過了如何解決整個爛攤子的最后提示。

這是我的 Dockerbuild 文件：

Nextjs前端

# Install dependencies only when needed
FROM node:14-alpine AS deps
# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
RUN apk add --no-cache libc6-compat
WORKDIR /app
COPY package.json yarn.lock ./
RUN yarn install --frozen-lockfile

# Rebuild the source code only when needed
FROM node:14-alpine AS builder
WORKDIR /app
COPY . .
COPY --from=deps /app/node_modules ./node_modules
ENV NODE_ENV=production
ENV NEXT_PUBLIC_STRAPI_API_URL=http://<myapi.com>:1337
RUN yarn build

# Production image, copy all the files and run next
FROM node:14-alpine AS runner
WORKDIR /app

ENV NODE_ENV=production  
ENV process=production
ENV NEXT_PUBLIC_STRAPI_API_URL=http://<myapi.com>:1337

RUN addgroup -g 1001 -S nodejs
RUN adduser -S nextjs -u 1001

# You only need to copy next.config.js if you are NOT using the default configuration
# COPY --from=builder /app/next.config.js ./
COPY --from=builder /app/public ./public
COPY --from=builder --chown=nextjs:nodejs /app/.next ./.next
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json

USER nextjs

EXPOSE 3000

# Next.js collects completely anonymous telemetry data about general usage.
# Learn more here: https://nextjs.org/telemetry
# Uncomment the following line in case you want to disable telemetry.
# ENV NEXT_TELEMETRY_DISABLED 1

CMD ["yarn", "start"]

API (Strapi) 后端

FROM strapi/base

WORKDIR /backend

COPY ./package.json ./
COPY ./yarn.lock ./

RUN yarn install

COPY . .

ENV NODE_ENV production
ENV CLOUDINARY_NAME <name>
ENV CLOUDINARY_API_KEY <apikey>
ENV CLOUDINARY_API_SECRET <apisec>

RUN yarn build

EXPOSE 1337

CMD ["yarn", "start"]

Docker 撰寫

version: "3"

services:
  backend:
    image: backend:latest
    restart: always
    ports:
      - "1337:1337"
    volumes:
      - strapidata:/data
    environment:
      VIRTUAL_HOST: <myapi.com>
      LETSENCRYPT_HOST: <myapi.com>
    container_name: <myapi.com>

  frontent:
    image: frontend:latest
    restart: always
    ports:
      - "1338:3000"
    depends_on:
      - backend
    environment:
      VIRTUAL_HOST: <myfrontend.com>
      LETSENCRYPT_HOST: <myfrontend.com>
      NEXT_PUBLIC_STRAPI_API_URL: <myapi.com>:1337
    container_name: <myfrontend.com>

networks:
  default:
    external:
      name: webproxy

volumes:
  strapidata:

非常感謝！

編輯：所以只是為了澄清，我所描述的主要問題是，當使用 https:// 時，它不會解決，因為我的前端將使用 docker dns 將 https:// 請求解析到內部 ip，它不會接受 https//，因為 ssl 證書是通過 ngnix 反向代理提供的。 因此，我需要一個解決方案，說明如何在不獲取混合錯誤內容的情況下使用內部網絡（嘗試從我的 Webbrowser 獲取數據），或者使用公共 DNS 解析 api 調用！