docker-compose+nginx部署前后端分離的項(xiàng)目實(shí)踐
安裝docker
安裝必要的系統(tǒng)工具
# 更新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
啟動(dòng)
systemctl daemon-reload systemctl restart docker systemctl enable docker
使用docker -v
查看版本號(hào)
安裝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
權(quán)限修改
chmod +x /usr/local/bin/docker-compose
使用docker-compose -v
查看版本
docker-compose.yml文件編寫
配置文件示例
version: '2' # docker 的版本 services: # 配置的容器列表 CONTAINER_NAME: # 容器的名稱 image: BASE_IMAGE # 這個(gè)一個(gè)容器的基礎(chǔ)鏡像 ports: # 你的容器需不需要做端口映射 - "host_port:container_port" volumes: # 數(shù)據(jù)卷配置 - host_dir:container_dir environment: # 環(huán)境變量(map 的配置方式 key: value) PARAM: VALUE environments: # 環(huán)境變量(數(shù)組的配置方式 - key=value) - PARAM=VALUE restart: always # 容器的重啟策略 dns: # dns 的配置 - 8.8.8.8
解決js、css文件404的情況
Vue項(xiàng)目配置
直接修改vue項(xiàng)目中的 vue.config.js文件,將基本路徑設(shè)置為相對(duì)路徑
module.export { // 基本路徑 publicPath:"./", // 可以設(shè)置成[相對(duì)路徑,這樣所有的資源都會(huì)被鏈接為相對(duì)路徑,打出來的包可以被部署在任意路徑 outputDir:“dist”, //打包時(shí)生成的生產(chǎn)環(huán)境構(gòu)建文件的目錄 assetsDir: ‘web', // 放置生成的靜態(tài)資源 (js、css、img、fonts) 的 (相對(duì)于 outputDir 的) 目錄 }
這樣打包出來的js、css文件路徑會(huì)是
dist/web/*.js
到此這篇關(guān)于docker-compose+nginx部署前后端分離的項(xiàng)目實(shí)踐的文章就介紹到這了,更多相關(guān)docker-compose nginx部署前后端分離 內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
docker-compose如何定義一個(gè)橋接網(wǎng)絡(luò),并為該網(wǎng)絡(luò)配置一個(gè)IP地址池
在DockerCompose中定義橋接網(wǎng)絡(luò)并配置IP地址池,可以實(shí)現(xiàn)服務(wù)的自動(dòng)IP地址分配,通過定義網(wǎng)絡(luò)、指定子網(wǎng)范圍、設(shè)置網(wǎng)關(guān)和啟用自動(dòng)分配功能,可以輕松管理服務(wù)的網(wǎng)絡(luò)配置,確保IP地址在子網(wǎng)范圍內(nèi)且不與其他網(wǎng)絡(luò)沖突,以避免網(wǎng)絡(luò)沖突2025-01-01Docker搭建ELK日志系統(tǒng),并通過Kibana查看日志方式
這篇文章主要介紹了Docker搭建ELK日志系統(tǒng),并通過Kibana查看日志方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05