感謝各位點進來查看的前輩,以下是情況敘述
我透過 Vite 建立了一個 Vue3 的專案
並且將 port 綁定在 5555 上面
Dockerfile 代碼如下
FROM node:18
COPY . /app
RUN cd /app && npm install
RUN cd /app && npm run build
WORKDIR /app
CMD ["npm", "run", "dev"]
首先我透過 docker build -t vue3root . 來將我的專案建立映象檔
再來透過 docker run -d -p 5555:5555 vue3root 來執行一個容器
並且透過 docker ps 查看到真的有在執行
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
56f6a9453d2d vue3root "docker-entrypoint.s…" 23 minutes ago Up 23 minutes 0.0.0.0:5555->5555/tcp optimistic_bartik
然而我在本地端進入 localhost:5555/ 時卻收到以下回饋
這個網頁無法正常運作localhost 未傳送任何資料。
ERR_EMPTY_RESPONSE
已確認防火牆是關閉的情況,再麻煩各位前輩指點了
npm script的部分改成 vite --host 0.0.0.0
看看
因為default只會開localhost
就算兩邊的port都有打開, 但對於container的0.0.0.0:5555還是打不到裡面的東西