docker-compose+nginx部署前后端分离的项目实践

 更新时间:2022年03月28日 09:55:10   作者:BaldHead's Blog  
本文主要介绍了docker-compose + nginx部署前后端分离的项目,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

安装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

到此这篇关于docker-compose+nginx部署前后端分离的项目实践的文章就介绍到这了,更多相关docker-compose nginx部署前后端分离 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解Docker下nginx外挂配置和文件

    详解Docker下nginx外挂配置和文件

    这篇文章主要介绍了Docker下nginx外挂配置和文件,启动容器、查看容器和停止容器的方式方法给大家介绍的非常详细,需要的朋友可以参考下
    2022-01-01
  • Docker compose一键安装mirai搭建QQ机器人最快操作方法

    Docker compose一键安装mirai搭建QQ机器人最快操作方法

    这篇文章主要介绍了Docker compose一键安装mirai,搭建QQ机器人最快方法,详细介绍了mirai基本操作,结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • docker如何删除<none>/dangling/悬空镜像

    docker如何删除<none>/dangling/悬空镜像

    这篇文章主要介绍了docker如何删除<none>/dangling/悬空镜像问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11
  • 解决Jenkins集成docker插件问题的一些方法

    解决Jenkins集成docker插件问题的一些方法

    本文主要介绍了Jenkins集成docker插件问题的一些方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • docker部署springboot项目启动时间与宿主机相差8小时的解决

    docker部署springboot项目启动时间与宿主机相差8小时的解决

    项目部署到docker环境,数据库中的时间总是少8个小时,本文就来介绍一下解决方法,具有一定的参考价值,感兴趣的可以了解一下
    2023-09-09
  • Docker 网络模式(四种)详细介绍

    Docker 网络模式(四种)详细介绍

    这篇文章主要介绍了Docker 网络模式详细介绍的相关资料,这里提供了四种网络模式的介绍,Docker 作为轻量级容器技术,很多比较不错的功能,网络不是多好,这里就整理下,需要的朋友可以参考下
    2016-11-11
  • docker compose idea CreateProcess error=2 系统找不到指定的文件的问题

    docker compose idea CreateProcess error=2 系统找不到指定的文件的问题

    这篇文章主要介绍了docker compose idea CreateProcess error=2 系统找不到指定的文件的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • Docker中Nginx反向代理的实现步骤

    Docker中Nginx反向代理的实现步骤

    为了安全考虑,我们一般会设置反向代理,用来屏蔽应用程序真实的IP和端口号,本文主要介绍了Docker中Nginx反向代理的实现步骤,具有一定的参考价值,感兴趣的可以了解一下
    2024-03-03
  • 基于Docker 搭建WordPress的方法

    基于Docker 搭建WordPress的方法

    这篇文章主要介绍了基于Docker 搭建WordPress的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • docker run -d和docker run -it的区别详解

    docker run -d和docker run -it的区别详解

    记得第一次接触docker的时候,教程中写着docker run -it之类的命令,当时对这个-it选项是一知半解,下面这篇文章主要给大家介绍了关于docker run -d和docker run -it的区别的相关资料,需要的朋友可以参考下
    2023-05-05

最新评论