Thanks!

thanks

I want to know that dockerfile had used nginx why write other nginx config in docker compose file?

@devla7368

4 ай бұрын

Think of the Dockerfile as a recipe for building the kitchen (your base image). It includes installing the oven (Nginx). However, the recipe doesn't tell you how to cook a specific dish (specific Nginx configuration). The docker-compose.yml acts like the recipe book where you define the instructions for cooking a particular dish (configuring Nginx for your specific needs). By separating the Dockerfile and docker-compose.yml configuration, you achieve a more modular and maintainable approach for deploying your application with Nginx.

great

can you explain please, in result we have two containers but i need only one with vue-app so i can delete other one?

@devla7368

8 ай бұрын

Not sure which container you want to delete, for this case, Vue app container can’t run without nginx

@LoVe-iu9rd

8 ай бұрын

@@devla7368 nginx is used port forwarding reverse proxy, right?

@irrefl1672

6 ай бұрын

take this: FROM node:lts-alpine # install simple http server for serving static content RUN npm install -g http-server # make the 'app' folder the current working directory WORKDIR /app # copy both 'package.json' and 'package-lock.json' (if available) COPY package*.json ./ # install project dependencies RUN npm install # copy project files and folders to the current working directory (i.e. 'app' folder) COPY . . # build app for production with minification RUN npm run build EXPOSE 8080 CMD [ "http-server", "dist" ]

I tried with a domain, but when I wrote the domain on search, show me a nginx default page, this is because the app redirect to port 8080 not 80, so how can I redirect to port 80?

@devla7368

2 ай бұрын

It sounds like you're encountering a situation where your application is running on port 8080, but your domain is configured to look for it on port 80 (the standard web server port). This mismatch is causing the default Nginx page to display instead of your application.

@devla7368

2 ай бұрын

There are two main approaches to redirect traffic from port 80 to port 8080: 1. Using a Reverse Proxy (Recommended) 2. Modifying Application Configuration (if applicable):

very good! Worked at first try

@devla7368

Ай бұрын

That's great to hear! Thanks for letting us know it was effective

You're creating the project in the host right? Why not use docker to make the installation in the container instead of installing node in the host?

@devla7368

3 ай бұрын

There are a couple of reasons why I might choose to install Node.js on the host machine instead of using Docker in this project: Simplicity: For a small project, installing Node directly on the host can be simpler and faster to set up than introducing Docker. Development Workflow: If I'm actively developing the project and making frequent changes, installing Node on the host might streamline the development process by avoiding the need to rebuild the Docker container every time.

@ShutDownXXX7

3 ай бұрын

@@devla7368 I prefer using a Docker image that includes node, this help me to initialize a project instead of installing node in the host, I think is handy. Something like this: docker run --rm -it -v "$(pwd)":/app -w /app node:lts-alpine yarn create vite .

why are you install nginx to both containers??

@devla7368

Ай бұрын

Hi! In the video, it is not explicitly mentioned why Nginx is installed in both containers. Nginx can be used for a variety of purposes in a Dockerized application, such as a reverse proxy, load balancer, or static file server. It's possible that Nginx is being used for one or more of these purposes in both containers in this video.

not good