Docker部署vue(idea连接云服务器Docker)

### 1、在宝塔面板安装Docker ### 2、修改配置 ```bash vi /usr/lib/systemd/system/docker.service ``` ```bash ExecStart=/usr/bin/dockerd后面添加-H tcp://0.0.0.0:2375 ``` ### 3、启动Docker ```bash systemctl daemon-reload systemctl restart docker ``` ### 4、检查是否将Docker映射到2357端口 ```bash netstat -na|grep 2375 ``` 如果有下面输出则成功 ![屏幕截图 20250109 194502.png](https://api.timeplanet.cn/documents/articlePicture/11736423162186772.png) ### 5、idea中安装docker插件 ![屏幕截图 20250109 194738.png](https://api.timeplanet.cn/documents/articlePicture/11736423267567785.png) ### 6、在根目录下创建Dockerfile文件，并写入下面内容 ```bash FROM nginx:latest COPY dist/ /usr/share/nginx/html/ EXPOSE 80 ``` ![屏幕截图 20250109 195130.png](https://api.timeplanet.cn/documents/articlePicture/11736423618181617.png) ### 7、构建项目通过 ```bash npm run build ``` 命令构建项目 ![屏幕截图 20250109 200131.png](https://api.timeplanet.cn/documents/articlePicture/11736424173720189.png) ### 8、运行并构建容器(需要等待较长时间) ![屏幕截图 20250109 195441.png](https://api.timeplanet.cn/documents/articlePicture/11736423711633771.png) ### 9、在宝塔面板的终端中运行该容器 ```bash docker ps -a#寻找容器IMAGE名 docker run -d -p <浏览器访问端口，可自行替换>:80 <查找到的容器IMAGE> ``` ### 10、浏览器访问通过输入服务器IP地址加:上面设置的浏览器访问端口，可访问网页。