1. 程式人生 > >解決Windows10下使用Docker部署Nodejs環境開發VUE時從外部無法訪問的問題

解決Windows10下使用Docker部署Nodejs環境開發VUE時從外部無法訪問的問題

做vue開發時,可以選擇在docker中安裝nodejs環境,在宿主機做開發。

執行如下命令啟動docker:

docker run -d -it -p 8083:8080 -v E:\RTPS\vue:/data --name vue hou/node:v2 /bin/bash

注意需要將埠映射出來。

然後在掛載的vue工程下面執行:

npm install
npm run dev

使用cnpm報錯的同學可以使用npm再執行一遍,執行之前需要刪除已經下載的元件。

此時,在宿主機開啟瀏覽器訪問:http://localhost:8083 即可訪問執行在docker中的工程了。

如果遇到頁面無法訪問的情況,需要修改config下的index.js檔案。
index.js檔案位置

修改該檔案中的host為0.0.0.0,不要寫localhost。
host修改

再次在宿主機瀏覽器中訪問http://localhost:8083即可。注意兩個埠的不同,8080是docker中的埠,對映到了外部8083埠上。

感興趣的同學可以百度一下localhost,127.0.0.1與0.0.0.0的區別。

宿主機:Windows 10 專業版
Docker:18.06.1-ce-win73 (19507)