一篇文章教會你部署vue專案到docker

2022-04-05 13:00:07

第一步

server {
listen 80;
server_name localhost; # docker服務宿主機的ip
 
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html =404;
}
 
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}

寫docker映象設定

FROM nginx
MAINTAINER yaohuowang
RUN rm /etc/nginx/conf.d/default.conf
ADD default.conf /etc/nginx/conf.d/
COPY dist/ /usr/share/nginx/html/

第二步，生成映象

來到當前資料夾，輸入命令 docker build -t yaohot .

注意圖上打錯字了，yoahou，以圖片的命令為主

然後構建映象完成

第三步，生成(啟動)一個容器

命令：docker run -d -p 86:80 --name houtai yaohot

總結

到此這篇關於部署vue專案到docker的文章就介紹到這了,更多相關部署vue專案到docker內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！

一篇文章教會你部署vue專案到docker

目錄

第一步

第二步，生成映象

第三步，生成(啟動)一個容器

總結

熱門文章