-
補充1:docker部署vue項目https://blog.csdn.net/wenxingchen/article/details/119167860
-
補充2: Docker鏡像+nginx 部署 vue 項目-完整版本 https://www.cnblogs.com/cuianbing/p/16187180.html
server {
listen 80;
server_name localhost;
#charset koi8-r;
access_log /var/log/nginx/host.access.log main;
error_log /var/log/nginx/error.log error;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
# 注意⚠️:如果vue-router使用的是history模式,try_files $uri $uri/ /index.html; 非常重要!!!
# 如果使用了hash模式,可以省略這個
try_files $uri $uri/ /index.html;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
- 構建鏡像
docker build -t xiaobiaowebdocker .
- 運行容器:
容器名稱(每次運行容器不同名稱) 鏡像名稱(上一步生成鏡像的名稱)
docker run --name xiaobiaoweb03 -d -p 9020:80 xiaobiaowebdocker
server {
listen 80;
server_name localhost;
#charset koi8-r;
access_log /var/log/nginx/host.access.log main;
error_log /var/log/nginx/error.log error;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
# 注意⚠:如果vue-router使用的是history模式,try_files $uri $uri/ /index.html; 非常重要!!!
# 如果使用了hash模式,可以省略這個
try_files $uri $uri/ /index.html;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
-
總結:上面是在項目根目錄下創建的nginx配置文件和dockerfile文件,在服務器上則可以
-
附:參考鏈接:
https://www.jianshu.com/p/03dde86ebd4e
https://blog.csdn.net/l1158513573/article/details/124580101 -
生成鏡像時報錯問題參考:https://blog.csdn.net/voke_/article/details/116160267
-
補充3: Docker鏡像 部署 .net core api 項目-完整版本
-
構建鏡像
docker build -t xiaobiaoapidocker .
// 使用上面的構建鏡像命令後如果提示文件不存在問題則嘗試使用下面的命令
// 最後的 兩個逗號表示:在上一級目錄運行Dockerfile文件
docker build -t xiaobiaoapidocker -f Dockerfile ..
- 運行容器
docker run --name xiaobiaoapiContainer01 -d -p 9021:80 xiaobiaoapidocker