日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

docker-compose+nginx部署前后端分離的項目實踐_docker

作者:BaldHead's?Blog ? 更新時間: 2022-05-31 編程語言

安裝docker

安裝必要的系統工具

# 更新yum工具
yum update -y 
# 安裝必要的工具
yum install -y yum-utils device-mapper-persistent-data lvm2 

軟件源信息切換

yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

安裝

yum makecache fast
yum -y install docker-ce

配置鏡像加速器

tee /etc/docker/daemon.json <<-'EOF'
{
  "debug" : true,
  "registry-mirrors": ["https://dpayzz9i.mirror.aliyuncs.com"],
  "default-address-pools" : [
    {
      "base" : "172.31.0.0/16",
      "size" : 24
    }
  ]
}
EOF

啟動

systemctl daemon-reload
systemctl restart docker
systemctl enable docker

使用docker -v查看版本號

安裝docker-compose

安裝

curl -L "https://get.daocloud.io/docker/compose/releases/download/1.27.3/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

權限修改

chmod +x /usr/local/bin/docker-compose

使用docker-compose -v查看版本

docker-compose.yml文件編寫

詳解鏈接

配置文件示例

  version: '2' # docker 的版本

  services: # 配置的容器列表

  CONTAINER_NAME: # 容器的名稱

  image: BASE_IMAGE # 這個一個容器的基礎鏡像

  ports: # 你的容器需不需要做端口映射

  - "host_port:container_port"

  volumes: # 數據卷配置

  - host_dir:container_dir

  environment: # 環境變量(map 的配置方式 key: value)

  PARAM: VALUE

  environments: # 環境變量(數組的配置方式 - key=value)

  - PARAM=VALUE

  restart: always # 容器的重啟策略

  dns: # dns 的配置

  - 8.8.8.8

解決js、css文件404的情況

Vue項目配置

直接修改vue項目中的 vue.config.js文件,將基本路徑設置為相對路徑

module.export {
	// 基本路徑
	publicPath:"./", // 可以設置成[相對路徑,這樣所有的資源都會被鏈接為相對路徑,打出來的包可以被部署在任意路徑
	outputDir:“dist”, //打包時生成的生產環境構建文件的目錄
	assetsDir: ‘web', // 放置生成的靜態資源 (js、css、img、fonts) 的 (相對于 outputDir 的) 目錄
}

這樣打包出來的js、css文件路徑會是

dist/web/*.js

原文鏈接:https://www.cnblogs.com/strict/p/16063480.html

欄目分類
最近更新