docker-compose+nginx部署前后端分離的項(xiàng)目實(shí)踐
更新時(shí)間：2022年03月28日 09:55:10 作者：BaldHead's Blog
本文主要介紹了docker-compose?+?nginx部署前后端分離的項(xiàng)目，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
安裝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ì)路徑，打出來(lái)的包可以被部署在任意路徑
outputDir:“dist”, //打包時(shí)生成的生產(chǎn)環(huán)境構(gòu)建文件的目錄
assetsDir: ‘web', // 放置生成的靜態(tài)資源 (js、css、img、fonts) 的 (相對(duì)于 outputDir 的) 目錄
}
這樣打包出來(lái)的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地址分配,通過(guò)定義網(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-01
什么是docker？這篇文章主要為大家分享了Docker簡(jiǎn)介與入門教程第一篇，感興趣的小伙伴們可以參考一下2016-10-10
越來(lái)越多的前端團(tuán)隊(duì)選擇用Docker部署前端項(xiàng)目,本文主要介紹了docker部署應(yīng)用的三種方式,具有一定的參考價(jià)值,感興趣的可以了解一下2024-03-03
Docker搭建ELK日志系統(tǒng),并通過(guò)Kibana查看日志方式
這篇文章主要介紹了Docker搭建ELK日志系統(tǒng),并通過(guò)Kibana查看日志方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
在CentOS7中,Docker默認(rèn)修改防火墻配置,可能導(dǎo)致手動(dòng)添加的策略失效,解決方法包括啟用firewalld,禁用Docker的iptables,并重新配置防火墻策略,具體步驟包括編輯/etc/docker/daemon.json文件,重啟Docker服務(wù),以及在firewalld中設(shè)置偽裝地址和端口策略2024-10-10
這篇文章主要介紹了詳解Docker鏡像與容器的常見(jiàn)操作，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
這篇文章主要介紹了docker容器的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用docker容器，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了docker可視化工具Portainer部署并漢化的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2021-03-03
docker中nacos無(wú)法訪問(wèn)的問(wèn)題解決
本文主要介紹了docker中nacos無(wú)法訪問(wèn)的問(wèn)題解決,可能是檢查端口映射設(shè)置、防火墻設(shè)置以及Nacos容器的運(yùn)行狀態(tài)等方面,本文就來(lái)實(shí)現(xiàn)docker中nacos無(wú)法訪問(wèn)的問(wèn)題解決,感興趣的可以了解一下2024-02-02
一文帶大家了解和使用Docker鏡像倉(cāng)庫(kù)
本文主要介紹一下容器鏡像倉(cāng)庫(kù)的使用，包括公有倉(cāng)庫(kù)和自己搭建的私有倉(cāng)庫(kù)，文中有詳細(xì)的代碼示例，以及圖解，對(duì)我們了解和使用 Docker 鏡像倉(cāng)庫(kù)有一定的幫助,需要的朋友可以參考下2023-06-06