Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Vuejs container não renderiza

Então, ao terminar o curso de VueJs, coloquei a aplicação que criamos no curso num container, o container sobe sem problemas, mas ao acessar localhost:8080 parece que a aplicação não renderiza, ela fica assim: https://imgur.com/NrBIOGF

Segue dockerfile:

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" ]

no curso conseguimos rodar a aplicação normalmente utilizando "npm run dev" mas no container ela fica assim, alguma idéia do que possa ser?

Obs: Desculpe se eu postei no lugar errado.

4 respostas

Fala ai Vinicius, tudo bem? Testei sua imagem Docker e a mesma funcionou corretamente.

Precisa ver como você está realizando os passos.

Aqui eu criei um projeto Vue com o cli, adicionei o Dockerfile na raiz do projeto.

Gerei a imagem com:

docker build -t tst .

E subi ela com:

docker run --name tst -p 8080:8080 ts

Ao acessar http://localhost:8080 renderizou certinho o app inicial.

Espero ter ajudado.

Olá Matheus, obrigado pela resposta

Os comandos que eu uso no docker são iguais ao que você postou, só muda o nome da imagem...

solução!

Consegui resolver criando um container de servidor nodejs que o professor disponibiliza na aula e colando o index.html e a pasta dist dentro da pasta public desse servidor. Pode fechar o tópico, obrigado

Show de bola Vinicius, fico feliz que tenha resolvido o problema.

Abraços e bons estudos.