如何使用docker部署前端項目

第一步先編寫Dockerfile文件，docker會根據這個文件一步步自動的部署你的項目

# 在容器安裝nginxFROM nginx
# 移除nginx的default.conf RUN rm /etc/nginx/conf.d/default.conf 
# 把配置好的nginx配置文件添加到 /etc/nginx/conf.d/ 目錄下 （就是把default.conf文件替換）ADD default.conf /etc/nginx/conf.d/
# 把前端項目文件夾 複製到/usr/share/nginx/html/文件夾下COPY dist/ /usr/share/nginx/html/
複製代碼

把Dockerfile文件和前端項目都放在一個文件夾有利於打包，如圖

（其實在項目項目開發中到了這一步你能夠直接把項目給運維部署了）

接下來能夠再本地測試一下 和服務器部署是同樣的

在當前文件下運行，回車便可生成一個名字爲test_web88的鏡像

docker build -t test_web88 . //記住要後面要加一個空格和一點複製代碼

查看生成的鏡像，命令以下

docker images
複製代碼

這個是就們生成的鏡像，名爲：test_web88

接下來運行鏡像，命令以下

docker run -d -p 8686:8686 aa43e674b9f8
// -d 是鏡像後臺運行
// -p 是映射端口  容器開的端口:服務器的端口 （原本是映射到80端口的，我以前的一些項目被佔用了）
// 後面的字符串是鏡像的ID （看上的鏡像信息）複製代碼

輸入命令回車

能夠看看鏡像運行成功沒有，命令以下

docker ps複製代碼

鏡像就跑起來了，在瀏覽器訪問8686端口，試一下吧（這個ip地址是個人docker分配的）