解决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文件。

修改该文件中的host为0.0.0.0，不要写localhost。

再次在docker中运行npm run dev，可以看到监听地址从http://localhost:8080变成了http://0.0.0.0:8080

再次在宿主机浏览器中访问http://localhost:8083即可。注意两个端口的不同，8080是docker中的端口，映射到了外部8083端口上。

感兴趣的同学可以百度一下localhost，127.0.0.1与0.0.0.0的区别。

宿主机：Windows 10 专业版
Docker：18.06.1-ce-win73 (19507)