I get "Blocked request" when deploying astro website on kubernetes

[1hachem]

I get this error when trying to reach the astro app deployed on big-mama.io

Blocked request. This host ("big-mama.io") is not allowed. To allow this host, add "big-mama.io" to `server.allowedHosts` in vite.config.js. 

I tried doing as it says and adding the host to allowes hosts in vite.config.js but the error stayed
I also tried updating the astro.config.mjs to

// @ts-check import { defineConfig } from 'astro/config'; import mdx from '@astrojs/mdx'; import sitemap from '@astrojs/sitemap'; import react from '@astrojs/react'; import tailwind from '@astrojs/tailwind'; // https://astro.build/config export default defineConfig({ site: 'https://big-mama.io', i18n: { locales: ['en', 'fr'], defaultLocale: 'en', routing: { prefixDefaultLocale: true, redirectToDefaultLocale: false, }, }, server: { port: 4321, host: true, }, integrations: [ mdx(), sitemap(), react(), tailwind({ applyBaseStyles: false, }), ], vite: { server: { allowedHosts: true, }, }, }); 

but the same problem

here the docker file I am using

# Use the official lightweight Node.js image with a version that supports pnpm. FROM node:18-slim # Set the working directory inside the container WORKDIR /app # Install pnpm RUN npm install -g pnpm serve # Copy the package.json and pnpm-lock.yaml files first to leverage Docker cache COPY package.json pnpm-lock.yaml ./ # Install dependencies using pnpm RUN pnpm install --frozen-lockfile # Copy the rest of your app's source code COPY . . # Build the Astro application RUN pnpm run build EXPOSE 4321 # Serve the build directory on container startup CMD ["pnpm", "run", "preview", "--host"]

my .dockerignore

.DS_Store/ node_modules/ dist/ scripts/ prod/ .astro/ .github/ 

please help me slove this

[ArnaudBarre]

It is important to note that vite preview is intended for previewing the build locally and not meant as a production server.

You should read https://vite.dev/guide/static-deploy.html#deploying-a-static-site or https://docs.astro.build/en/guides/deploy/

If you site is purely static, I advice using Netlify which doesn't require anything a part from linking the github repo.

[1hachem]

you are right, switching to this dockerfile solved my problem

FROM node:lts AS build RUN npm install -g pnpm WORKDIR /app COPY pnpm-lock.yaml ./ COPY package.json ./ RUN pnpm install COPY . . RUN pnpm run build FROM nginx:alpine AS runtime COPY ./nginx/nginx.conf /etc/nginx/nginx.conf COPY --from=build /app/dist /usr/share/nginx/html EXPOSE 8080

I should have just followed the docs https://docs.astro.build/en/recipes/docker/#static

[giantmolecules1]

Yes