docker - Vue Vite 无法连接docker容器

Question

您好，我已经安装了新的应用程序 vue3 typescript + vite，我在构建图像并旋转容器后遇到了问题。我无法访问 localhost:3000，浏览器只会显示

The connection was reset

 docker run --rm -it  -v %cd%/:/app/src -p 3000:3000 myvitets

docker 文件

FROM node:14-buster-slim


# make the 'app' folder the current working directory
WORKDIR /app

# copy both 'package.json' and 'package-lock.json' (if available)
COPY package*.json ./

RUN npm install


# copy project files and folders to the current working directory (i.e. 'app' folder)
COPY . .

EXPOSE 3000

CMD [ "npm", "run", "dev"]

我还添加了 .dockerignore

 node_modules/
.git 
.gitignore

有人能帮我看看如何将我的应用程序运行到容器中吗..

提前谢谢你。

Answer 1

我遇到了同样的问题，下面的对我有用。

在 package.json 中，更改脚本

来自

"dev": "vite"

给

"dev": "vite --host 0.0.0.0"