使用Docker部署Spring-Boot+Vue博客系统

最新推荐文章于 2024-09-24 18:56:41 发布
最新推荐文章于 2024-09-24 18:56:41 发布
阅读量118 收藏
点赞数
文章标签： 运维 后端 shell
原文链接：http://www.cnblogs.com/datiangou/p/10134379.html
版权

在今年年初的时候，完成了自己的个Fame博客系统的实现，当时也做了一篇博文Spring-boot+Vue = Fame 写blog的一次小结作为记录和介绍。从完成实现到现在，也断断续续的根据实际的使用情况进行更新。

只不过每次上线部署的时候都觉得有些麻烦，因为我的服务器内存太小，每次即使只更新了前台部分(fame-front)的代码，在执行npm build的时候都还必须把我的后端服务(fame-server)的进程关掉，不然会造成服务器卡死(惨啊)。

而且这个项目是前后端分离的，博客前台页面还为了SEO用了Nuxt框架，假如是第一次部署或者要服务器迁移的话，麻烦的要死啊，部署一次的话要以下步骤

  1. 安装mysql，修改相关配置文件，设置编码时区等，然后重启
  2. 下载安装java，配置java环境
  3. 下载安装maven，配置maven环境
  4. 下载安装nginx，修改配置文件，设计反向代理等
  5. 启动spring-boot项目
  6. 打包vue项目，npm install,npm run build等
  7. 启动nuxt项目,npm install,npm run start等

如果能够顺利的完成这七个步骤算是幸运儿了，假如中间哪个步骤报错出了问题，可能还要回头查找哪个步骤出了问题，然后又重新部署。

在这些需求面前，Docker就是解决这些问题的大杀器。无论是其虚拟化技术隔离各个容器使其资源互不影响，还是一致的运行环境，以及docker-compose的一键部署，都完美的解决了上述问题。

项目地址： Fame

Docker和Docker-compose安装

Docker和Docker-compose的功能和使用可以看线上的一个中文文档 Docker — 从入门到实践

下面是Centos7安装和配置Docker以及Docker-compose的shell脚本，其他操作系统可以参考修改来安装。其中Docker版本为docker-ce，Docker-compose版本为1.22.0


### 更新 ###
yum -y update

### 安装docker ###
# 安装一些必要的系统工具
sudo yum install -y yum-utils device-mapper-persistent-data lvm2
# 添加软件源信息
sudo yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
# 更新 yum 缓存
sudo yum makecache fast
# 安装 Docker-ce
sudo yum -y install docker-ce
# 启动docker并设置为开机启动(centos7)
systemctl  start docker.service
systemctl  enable docker.service
# 替换docker为国内源
echo '{"registry-mirrors": ["https://registry.docker-cn.com"],"live-restore": true}' > /etc/docker/daemon.json
systemctl restart docker
# 安装dokcer-compose
sudo curl -L https://github.com/docker/compose/releases/download/1.22.0/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
chmod +x /usr/local/bin/docker-compose
# 安装命令补全工具
yum -y install bash-completion
curl -L https://raw.githubusercontent.com/docker/compose/$(docker-compose version --short)/contrib/completion/bash/docker-compose > /etc/bash_completion.d/docker-compose
### 安装docker结束 ###

Docker化改造

改造后目录结构

先看一下改造后的项目的结构


├─Fame
│  │  .env                            // docker-compose环境参数配置文件
│  │  docker-compose.yml              // docker-compose文件
│  ├─fame-docker
│  │  │  fame-front-Dockerfile        // fame-front的Dockerfile文件
│  │  │  fame-server-Dockerfile       // fame-server的Dockerfile文件
│  │  │  
│  │  ├─fame-admin
│  │  │      fame-admin-Dockerfile    // fame-admin的Dockerfile文件
│  │  │      nginx.conf               // fame-admin的nginx服务器配置文件
│  │  │      
│  │  ├─fame-mysql
│  │  │      fame-mysql-Dockerfile    // mysql的Dockerfile文件
│  │  │      mysqld.cnf               // mysql的配置文件mysqld.cnf
│  │  │      
│  │  └─fame-nginx
│  │          nginx-Dockerfile        // 整个项目的nginx服务器的Dockerfile文件
│  │          nginx.conf              // 整个项目的nginx的配置文件
│  │          
│  ├─fame-admin   // 博客管理后台，基于Vue+elementui
│  ├─fame-front   // 博客前端，基于Nuxt
│  └─fame-server  // 博客服务端，基于spring-boot

为了不破坏原有项目的结构，无论前端还是后端的docker的相关配置文件全部提取出来，单独放在了fame-docker文件夹中。

docker-compose.yml放在项目根目录下，直接在根目录运行命令：docker-compose up -d


[root@localhost Fame]# docker-compose up -d
Starting fame-front ... 
Starting fame-admin ... 
Starting fame-front ... done
Starting fame-admin ... done
Starting fame-nginx ... done

就启动项目了，再也不用重复繁琐的步骤！

改造后的docker项目结构

1504647-20181217222330232-1049903300.png

改造后的docker-compose.yaml文件
 
 
version: '3'
 services:
 fame-nginx:
 container_name: fame-nginx
 build:
 context: ./
 dockerfile: ./fame-docker/fame-nginx/nginx-Dockerfile
 ports:
 - "80:80"
 volumes:
 - ./logs/nginx:/var/log/nginx
 depends_on:
 - fame-server
 - fame-admin
 - fame-front
 
 
fame-mysql:
 container_name: fame-mysql
 build:
 context: ./
 dockerfile: ./fame-docker/fame-mysql/fame-mysql-Dockerfile
 environment:
 MYSQL_DATABASE: fame
 MYSQL_ROOT_PASSWORD: root
 MYSQL_ROOT_HOST: '%'
 TZ: Asia/Shanghai
 expose:
 - "3306"
 volumes:
 - ./mysql/mysql_data:/var/lib/mysql
 restart: always
 
 
fame-server:
 container_name: fame-server
 restart: always
 build:
 context: ./
 dockerfile: ./fame-docker/fame-server-Dockerfile
 working_dir: /app
 volumes:
 - ./fame-server:/app
 - ~/.m2:/root/.m2
 - ./logs/fame:/app/log
 expose:
 - "9090"
 command: mvn clean spring-boot:run -Dspring-boot.run.profiles=docker -Dmaven.test.skip=true
 depends_on:
 - fame-mysql
 
 
fame-admin:
 container_name: fame-admin
 build:
 context: ./
 dockerfile: ./fame-docker/fame-admin/fame-admin-Dockerfile
 args:
 BASE_URL: ${BASE_URL}
 expose:
 - "3001"
 
 
fame-front:
 container_name: fame-front
 build:
 context: ./
 dockerfile: ./fame-docker/fame-front-Dockerfile
 environment:
 BASE_URL: ${BASE_URL}
 PROXY_HOST: ${PROXY_HOST}
 PROXY_PORT: ${PROXY_PORT}
 expose:
 - "3000"
 
 

<p><code>docker-compose.yml</code>的结构和刚才目录结构大体类似，也是分以下几个部分</p>
<ol>
<li>fame-nginx</li>
<li>fame-mysql</li>
<li>fame-server</li>
<li>fame-admin</li>
<li>fame-front</li>
</ol>
<p>这个<code>docker-compose.yml</code>中有几个要点</p>
<ul>
<li>
<code>fame-mysql</code>和<code>fame-server</code>的<code>restart</code>要设置为<code>always</code>，因为目前Docker-compose是没有一个方案可以解决容器启动的先后的问题的。即使设置了<code>depends_on</code>，那也只是控制容器开始启动的时间，不能控制容器启动完成的时间，所以让<code>fame-mysql</code>和<code>fame-server</code>这两个容器设置<code>restart</code>，防止spring-boot在mysql启动完成之前启动而报错启动失败</li>
<li>
<code>fame-server</code>，<code>fame-mysql</code>，<code>fame-nginx</code>这三个容器都设置了<code>volumes</code>，把容器里的logs日志文件挂载到宿主机的项目目录里，方便随时看日志文件</li>
<li>
<code>fame-mysql</code>容器的mysql存储文件也设置了<code>volumes</code>挂载在项目目录里(<code>./mysql/mysql_data:/var/lib/mysql</code>)，这个建议大家可以根据实际的情况设置到宿主机的其他目录里，不然不小心删除项目的话那么容器里的数据库数据也都没了</li>
</ul>
<blockquote>几个镜像的Dockerfile大部分都比较简单，这部分就不全部详细介绍了，可以直接去我项目中了解。</blockquote>
<h3>Docker化过程的困难和解决方法</h3>
<h4>spring-boot双配置切换</h4>
<p>为了能够让spring-boot能够在开发环境和Docker环境下快速切换，需要将spring-boot的配置文件进行修改</p>

 
 
└─fame-server
 ...
 │ └─resources
 │ │ application-dev.properties
 │ │ application-docker.properties
 │ │ application.properties
 
 

<p>在原有的<code>application.properties</code>基础上增加<code>application-dev.properties</code>和<code>application-docker.properties</code>配置文件，把<code>application.properties</code>里的数据库日志等信息分别放到<code>application-dev.properties</code>和<code>application-docker.properties</code>这两个文件中，实现开发环境和Docker环境的快速切换。</p>

 
 
application.properties文件
 
 
端口号
 
 
server.port=9090
 
 
mybatis
 
 
mybatis.type-aliases-package=com.zbw.fame.Model
 
 
mapper
 
 
mapper.mappers=com.zbw.fame.util.MyMapper
 mapper.not-empty=false
 mapper.identity=MYSQL
 
 
mail
 
 
spring.mail.properties.mail.smtp.auth=true
 spring.mail.properties.mail.smtp.starttls.enable=true
 spring.mail.properties.mail.smtp.starttls.required=true
 
 
默认properties
 
 
spring.profiles.active=dev
 
 


 
 
application-docker.properties文件
 
 
datasource
 
 
spring.datasource.driverClassName=com.mysql.jdbc.Driver
 spring.datasource.url=jdbc:mysql://fame-mysql:3306/fame?useUnicode=true&characterEncoding=utf-8&useSSL=false
 spring.datasource.username=root
 spring.datasource.password=root
 
 
log
 
 
logging.level.root=INFO
 logging.level.org.springframework.web=INFO
 logging.file=log/fame.log
 
 

<p><code>application-dev.properties</code>的内容和<code>application-docker.properties</code>文件类似，只是根据自己开发环境的情况修改mysql和log配置。</p>
<h4>动态配置axios的<code>baseUrl</code>地址</h4>
<p>在<code>fame-admin</code>和<code>fame-front</code>中用了<code>axios</code>插件，用于发起和获取<code>fame-server</code>服务器的请求。在<code>axios</code>要配置服务器url地址<code>baseUrl</code>，那么通常开发环境和Docker环境以及生产环境的url可能都不一样，每次都去修改有点麻烦。(虽然只需要配置两处，但是代码洁癖不允许我硬编码这个配置)。</p>
<ol>
<li>
<p>先修改<code>fame-admin(Vue)</code>使其兼容手动部署模式和Docker模式</p>
<p><code>fame-admin</code>是基于<code>Vue CLI 3</code>搭建的，相对于cli 2.0官方把webpack的一些配置文件都封装起来了，所以没有config和build文件夹。不过对应的官网也给了一些设置更加方便的配置参数。</p>
<p>在<a href="https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F" rel="nofollow noreferrer">官方文档</a>中提到:</p>
<blockquote>
<p>只有以 <code>VUE_APP_</code> 开头的变量会被 <code>webpack.DefinePlugin</code> 静态嵌入到客户端侧的包中。你可以在应用的代码中这样访问它们：</p>

 
 
console.log(process.env.VUE_APP_SECRET)
 
 

<p>在构建过程中，<code>process.env.VUE_APP_SECRET</code> 将会被相应的值所取代。在 <code>VUE_APP_SECRET=secret</code> 的情况下，它会被替换为 <code>"sercet"</code>。</p>
</blockquote>
<p>利用这个特性来设置环境变量来动态的设置Docker模式和手动部署模式的<code>baseUrl</code>的值</p>
<p>在<code>fame-admin</code>目录下创建文件<code>server-config.js</code>，编写以下内容</p>

 
 
const isProd = process.env.NODE_ENV === 'production'
 const localhost = 'http://127.0.0.1:9090/'
 const baseUrl = process.env.VUE_APP_API_URL || localhost
 const api = isProd ? baseUrl : localhost
 export default {
 isProd,
 api
 }
 
 

<p>那么只要在环境变量中有<code>VUE_APP_API_URL</code>的值，且<code>NODE_ENV ===  'production'</code>，baseUrl就等于<code>VUE_APP_API_URL</code>的值，否则就是<code>localhost</code>的值。</p>
<p>接着在<code>axios</code>配置文件中引用该文件设置</p>

 
 
// fame-admin/src/plugins/http.js
 ...
 import serverConfig from '../../server-config'
 
 
const Axios = axios.create({
 baseURL: serverConfig.api + 'api/',
 ...
 })
 
 
...
 
 

<p>现在只要将docker的环境变量设置一个<code>VUE_APP_API_URL</code>的值就行了，只要在对应的Dockerfile中增加一个步骤就可以了。</p>
<pre><code class="dockerfile">ENV VUE_APP_API_URL http://xx.xxx.xxx.xxx
 
 
再修改fame-front(Nuxt)使其兼容手动部署模式和Docker模式
 
 
同样的，对于用Nuxt搭建fame-front博客前台修改也是类似的思路。
 
 
在Nuxt的官方文档中写到：
 
 
 
  

    Nuxt.js 让你可以配置在客户端和服务端共享的环境变量。 
  
 
  
例如 (nuxt.config.js)：
 ``` module.exports = { env: { baseUrl: process.env.BASE_URL || 'http://localhost:3000' } } ``` 
  
以上配置我们创建了一个 baseUrl 环境变量，如果应用设定了 BASE_URL 环境变量，那么 baseUrl 的值等于 BASE_URL 的值，否则其值为 http://localhost:3000。
 
 
 
 
所以我们只要和官方文档说的一样，在nuxt.config.js文件中增加代码就可以了
 ``` module.exports = { env: { baseUrl: process.env.BASE_URL || 'http://localhost:3000' } } ``` 
 
接着在server-config.js文件和axios的配置文件fame-front/plugins/http.js以及对应的Dockerfile文件中编写和上面fame-admin部分一样的代码就可以了
 
 
现在已经把baseUrl的设置从代码的硬编码中解放出来了，但事实上我们只是把这个参数的编码从代码从转移到Dockerfile文件里了，要是想要修改的话也要去这两个文件里查找然后修改，这样也不方便。后面会解决这个问题把所有环境配置统一起来。
 
 
Nuxt在Docker中无法访问到宿主机ip问题
 
 
先要说明一点，为什么博客前端要单独去使用的Nuxt而不是和博客后台一样用Vue呢，因为博客前端有SEO的需求的，像Vue这样的对搜索引擎很不友好。
 
 
所以Nuxt的页面是服务器端渲染(SSR)的
 
 
这样就产生了问题
 
 
fame-front的页面在渲染之前必须获取到fame-server服务器中的数据，但是每个docker容器都是互相独立的，其内部想要互相访问只能通过容器名访问。例如容器fame-front想要访问容器fame-server，就设置baseURL = fame-server (fame-server是服务器的容器的container_name)。
 
 
这样设置之后打开浏览器输入网址:http://xx.xxx.xxx.xx可以成功...，但是随便点击一个链接，就会看到浏览器提示错误无法访问到地址http://fame-server/...
 
 

vendor.e2feb665ef91f298be86.js:2 GET http://fame-server/api/article/1 net::ERR_CONNECTION_REFUSED
 
 
这是必然的结果，在容器里http://fame-server/就是服务器...，但是你本地的浏览器当然是不知道http://fame-server/是个什么鬼...，所以就浏览器就报出无法访问的错误。
 
 
什么？可是刚才不是说Nuxt是服务器渲染的页面吗，怎么又让本地浏览器报这个错误了。
 
 
原来是因为当通过浏览器链接直接访问的时候，Nuxt的确是从后端渲染了页面再传过来，但是在页面中点击链接的时候是通过Vue-Router跳转的，这时候不在Nuxt的控制范围，而是和Vue一样在浏览器渲染的，这时候就要从浏览器里向服务端获取数据来渲染，浏览器就会报错。
 
 
如何解决呢
 
 
这个问题开始的时候一直想要尝试配置Docker容器的网络模式来解决，可是都没有解决。直到后面我看axios文档的时候才注意到axios的代理功能，其本质是解决跨域的问题的，因为只要在axios设置了代理，在服务端渲染的时候就会使用代理的地址，同时在浏览器访问的时候会用baseUrl 的地址，这个特点完美解决我的问题啊。
 
 
在server-config.js文件里增加以下代码（在nuxt.config.js里获取环境变量里的proxyHost和proxyPort）
 
 

...
const localProxy = {
  host: '127.0.0.1',
  port: 9090
}
const baseProxy = {
  host: process.env.proxyHost || localProxy.host,
  port: process.env.proxyPort || localProxy.port
}
exports.baseProxy = isProd ? baseProxy : localProxy
...
 
 
然后在axios配置文件里增加代码
 
 

// fame-front/plugins/http.js
const Axios = axios.create({
  proxy: serverConfig.baseProxy
 ...
})
    
...
 
 
就可以完美的解决问题了。
 
 
Dockerfile的环境参数统一设置
 
 
在上文解决动态配置axios地址的部分把baseUrl的设置放在了Dockerfile中，现在就再把Dockerfile中的硬编码提取出来，放到统一的配置文件中。
 
 
首先在docker-compose.yml文件目录下(即项目跟目录)创建环境文件.env并编写一下内容
 
 

BASE_URL=http://xx.xxx.xxx.xxx

PROXY_HOST=fame-nginx
PROXY_PORT=80
 
 
这个是docker-compose的env_file参数，从文件中获取环境变量，可以为单独的文件路径或列表，如果同目录下有.env文件则会默认读取，也可以自己在docker-compose里设置路径。
 
 
已经在.env设置了环境变量BASE_URL的值，就能在docker-compose.yml里直接使用了。修改docker-compose.yml的fame-front部分：
 
 
 
 
fame-front:
 ...
 environment:
 BASE_URL: ${BASE_URL}
 PROXY_HOST: ${PROXY_HOST}
 PROXY_PORT: ${PROXY_PORT}
 ...
 
 

<p>这样在<code>fame-front</code>的容器里就有对应的<code>BASE_URL</code>,<code>PROXY_HOST</code>,<code>PROXY_PORT</code>环境变量，Nuxt也能够成功获取并设置。</p>
<p>不过对于<code>fame-admin</code>容器来说就要稍微复杂一点点了。先来看一下<code>fame-admin</code>容器的Dockerfile文件<code>fame-admin-Dockerfile</code></p>
<pre><code class="dockerfile"># build stage
FROM node:10.10.0-alpine as build-stage

#中间一些操作省略...

RUN npm run build

# production stage
FROM nginx:1.15.3-alpine as production-stage

COPY ./fame-docker/fame-admin/nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=build-stage /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
 
 
这里用了多阶段构建容器，如果直接通过docker-compose设置环境变量只会在后面一个阶段生效，但是npm run build是在第一个阶段执行的，所以环境变量不能应用到Vue当中。为了让环境变量在第一阶段就应用，必须要在构建的时候就把变量从docker-compose传到fame-admin-Dockerfile中，然后在Dockerfile中的第一阶段把这个环境变量应用到容器里。下面修改docker-compose.yml的fame-admin部分：
 
 

 fame-admin:

   build: 
    context: ./
    dockerfile: ./fame-docker/fame-admin/fame-admin-Dockerfile
    args:
      BASE_URL: ${BASE_URL} # 这里把环境变量当做ARG传给Dockerfile
 
 
然后在fame-admin-Dockerfile的第一阶段增加步骤
 
 

 build stage
FROM node:10.10.0-alpine as build-stage

ARG BASE_URL # 必须申明这个ARG才能从docker-compose里获取

ENV VUE_APP_API_URL $BASE_URL

# 以下省略...

 
 
这样就可以在构建阶段一镜像的时候就把环境变量传入到阶段一的镜像里，让Vue里的变量生效了。
 
 
总结
 
 
现在网上很多复杂一点的项目即使用了docker-compose部署，也多少依赖shell脚本来操作，比如复制文件设置环境等，我觉得这样会降低docker-compose的意义。如果都使用了shell脚本，那不如直接不用docker-compose而全用shell来构建和启动镜像。
 
 
所以在Docker化的过程中虽然遇到一些坎坷，但坚持实现了只用docker-compose部署，以后上线和下线就及其方便了。也希望我的Docker化思路可以给其他项目做一些参考。
 
 
对比以前恐怖的步骤，现在Fame博客的上线和下线只需要两行命令，真的十分的便捷。
 
 

docker-compose up
docker-compose down
 
 
 
 
源码地址:doodle
 
 
原文地址:使用Docker部署Spring-Boot+Vue博客系统
 
 
来源：https://segmentfault.com/a/1190000016557755
 

 

转载于:https://www.cnblogs.com/datiangou/p/10134379.html

                

        

        




    

  


    

      

        

            

              
                
                  dianqi0560
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
使用docker容器化开发部署Vue项目

				
			

			

				

					小帅的编程笔记
				

				

					08-25
					
					1037
					
				

			

		

		

			
				
使用docker容器化运行Vue项目
最近几年，docker可以说是火的不得了，作为前端我们也需要去了解它，知道它解决了什么问题，以及对我们来说有什么可用之处。
今天我将会使用Vue CLI创建一个项目，使用Docker，Docker Compose容器化方式来开发和部署一个Vue项目。
我们将会实现：
1.开发环境支持代码热重载
2.配置生产环境镜像多重构建
我所使用的版本
Docker：20.10.5
Vue-CLI：4.5.9
Node：v12.6.0
项目创建
全局安装Vue CLI：
npm in

			
		

	



                

              
                



	

		

			

				
					
docker+docker-compose部署 vue+SpringBoot项目

				
			

			

				

					qq_47899239的博客
				

				

					08-13
					
					157
					
				

			

		

		

			
				
docker+docker-compose实现云端部署java项目

			
		

	



                


  
              

                


	

		

			

				
					
Docker：Dockerfile设置自带jdk8基础镜像 + 给springboot项目选用第二个application.properties

				
			

			

				

					u013201424的博客
				

				

					05-25
					
					8967
					
				

			

		

		

			
				
空白 或 
空白 或 
空白 或 
以上用于提示首行缩进，与内容无关。



参考：
以上为参考链接，与内容无关。


1 背景：
  springboot工程中application.properties是用来配置工程的一些设置的，如数据库信息等，有时依据Dockerfile打包成image时须选另一个.properties文件，所以要在Dockerfile中添加一段 -D...

			
		

	





	

		

			

				
					
Docker 部署 spring boot + Vue 项目实战

				
			

			

				

					qq_44128703的博客
				

				

					06-05
					
					438
					
				

			

		

		

			
				
title: Docker 部署 spring + Vue 项目实战
date: 2021-5-23
updated: 2021-5-23
tags:

Linux
Docker
docker-compose
Vue
categories:
Docker
Docker 部署 spring + Vue 项目实战




一、整体架构
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zc4dmXfZ-1653215702239)(docker%E5%AE%9E%E6%88%98/.

			
		

	



		

			
		



	

		

			

				
					
使用docker-compose部署MySQL+Spring Boot+Vue前后端分离项目

				
			

			

				

					TZNB_0610的博客
				

				

					09-19
					
					1702
					
				

			

		

		

			
				
使用docker compose部署的好处如下：简化部署：Docker Compose 可以将多个容器组合在一起，通过一条命令快速部署整个应用程序。管理容器：Docker Compose 可以方便地管理多个容器，包括启动、停止、删除等操作。统一配置：Docker Compose 可以使用一个 YAML 文件来定义整个应用程序的配置，包括容器、网络、数据卷等。灵活性：Docker Compose 可以根据需要启动、停止或重新部署单个容器，而不影响整个应用程序的运行。

			
		

	





	

		

			

				
					
手把手教你用Docke+Docker-Compose部署SpringBoot+Vue+Mysql项目

				
			

			

				

					m0_57288751的博客
				

				

					11-18
					
					1350
					
				

			

		

		

			
				
使用docker+docker-compose部署springboot+vue+mysql项目

			
		

	





	

		

			

				
					
docker 部署spring boot + vue-element-template项目

				
			

			

				

					
				

				

					01-12
					
					1798
					
				

			

		

		

			
				
一、 环境

vmware + ubuntu 20.4

二、部署步骤

1. 后端spring boot 部署

 通过docker maven plugin生成镜像，再通过docker-compose up -d 生成container，plugin配置如下：


 <plugin>
                <groupId>com.spotify</groupId>
                <artifactId>docker-mav..

			
		

	





	

		

			

				
					
【Docker】docker部署springboot+vue+mysql+nginx前后端分离项目【部署实战篇】

				
			

			

				

					学习 记录 总结 分享
				

				

					06-11
					
					2301
					
				

			

		

		

			
				
在容器退出时不重启容器 on-failure，在容器非正常退出时（退出状态非0），才会重启容器。，在容器退出时总是重启容器，但是不考虑在Docker守护进程启动时就已经停止了的容器。，在容器非正常退出时重启容器，最多重启3次。，在容器退出时总是重启容器。

			
		

	





	

		

			

				
					
Docker+Docker-compose+Nginx+Mysql部署前后端分离项目(SpringBoot+Vue)的详细教程

				
			

			

				

					qq_45442178的博客
				

				

					11-07
					
					543
					
				

			

		

		

			
				
微服务项目动辄就是几十台、上百台服务需要部署，有些大型项目甚至达到数万台服务。而由于每台服务器的运行环境不同，你写好的安装流程、部署脚本并不一定在每个服务器都能正常运行，经常会出错。这就给系统的部署运维带来了很多困难。

那么，有没有一种技术能够避免部署对服务器环境的依赖，减少复杂的部署流程呢？
答案是肯定的，这就是我们今天要学习的Docker技术。你会发现，有了Docker以后项目的部署如丝般顺滑，大大减少了运维工作量。
即便你对Linux不熟悉，你也能轻松部署各种常见软件、Java项目。

			
		

	





	

		

			

				
					
docker容器化+k8s集群部署教程以及springboot+vue部署示例

				
			

			

				

					04-11
				

			

		

		

			
				
本文介绍VMware虚拟机下centos7操作系统中如何安装云原生 Kubernetes（k8s）集群、k8s可视化界面kuboard，以及如何利用docker容器化将springboot+vue项目在k8s集群中部署运行。

			
		

	





	

		

			

				
					
基于spring boot + vue 的宿舍管理系统源码.zip

				
			

			

				

					05-23
				

			

		

		

			
				
这是一个基于Spring Boot和Vue.js构建的宿舍管理系统源代码项目，旨在提供一套完整的从前端到后端，再到数据库的解决方案。让我们深入探讨这个系统的各个组成部分及其关键知识点。  首先，Spring Boot是Java开发的一...

			
		

	





	

		

			

				
					
Spring Boot + Vue 前后端分离博客系统源码.zip

				
			

			

				

					05-26
				

			

		

		

			
				
这是一个基于Spring Boot后端框架和Vue前端框架构建的博客系统源码项目，名为"NBlog"。这个项目展示了如何实现前后端分离的开发模式，以提高开发效率和代码维护性。让我们详细探讨一下其中涉及的关键技术和知识点。 ...

			
		

	





	

		

			

				
					
名望：spring-boot和vue带来的博客力量

				
			

			

				

					02-04
				

			

		

		

			
				
基于node java spring-boot vue nuxt开发的博客系统 支持传统手动部署和docker部署 功能精简但齐全，界面简洁却美观，满足个人博客的日常使用要求 适合当做'Javaer' ， 'Vuer'的练手学习项目，也适合'跨界开发'做新...

			
		

	





	

		

			

				
					
基于Spring Boot+Vue+ElementUI的人力资源管理系统.zip

				
			

			

				

					05-12
				

			

		

		

			
				
《构建基于Spring Boot+Vue+ElementUI的人力资源管理系统》  在现代企业信息化管理中，人力资源管理系统（HRM System）扮演着至关重要的角色。本文将深入探讨如何利用Spring Boot、Vue.js和ElementUI这三大技术栈，...

			
		

	





	

		

			

				
					
一体化运维管理软件在医院信息化运维体系中的必要性

				
			

			

				

					MXsoft618的博客
				

				

					09-21
					
					331
					
				

			

		

		

			
				
监控易在医院的应用已经相当普及。这些软件在医院信息化运维中发挥着关键作用，提高了医院信息系统的稳定性和可靠性，确保了医疗服务的高效运行。例如，在郑州人民医院、某市第一人民医院等诸多医疗机构中，监控易已经被成功应用并取得了显著的效果。监控易一体化运维管理软件在医院信息化运维体系中扮演着“智能守护者”的角色。它通过全面的监控和管理功能，确保医院信息系统的稳定运行，提高运维效率，并为医院提供高效、精准的运营管理服务。随着医院信息化建设的不断深入，信息系统的稳定性和安全性对于医疗服务的质量和效率至关重要。

			
		

	





	

		

			

				
					
详细介绍swoole以及其优缺点

				
			

			

				

					weixin_45734165的博客
				

				

					09-24
					
					242
					
				

			

		

		

			
				
Swoole的Coroutine支持意味着即使您正在执行大量昂贵的I / O(例如，与数据库进行对话，使用文件系统，发出HTTP请求)，您也可以处理许多请求。有趣的是，Zend Framework和Laminas社区的成员认为，异步服务器能够处理的请求是标准设置所能达到的四到七倍。因此，在Swoole运行时中，这是一项非常有用且方便的功能，但是如果您可以在自己的代码中避免这样做，那就更好了。您将需要习惯日志记录。因此，如果您要直接编写Swoole，但仍想使用自己的框架，则需要进行调整-但这可能是一个问题。

			
		

	





	

		

			

				
					
Nexus学习

					
最新发布

				
			

			

				

					howwickhappy的博客
				

				

					09-24
					
					672
					
				

			

		

		

			
				
Nexus 是一个开源的仓库管理器，用于管理和分发软件构建的组件。

			
		

	





	

		

			

				
					
本地部署一个轻量化智能聊天服务Vocechat并实现异地远程交互

				
			

			

				

					m0_64361522的博客
				

				

					09-20
					
					1000
					
				

			

		

		

			
				
本文主要介绍如何在本地群晖NAS搭建一个自己的聊天服务Vocechat，并结合内网穿透工具实现使用任意浏览器远程访问进行智能聊天交互。Vocechat是一套支持独立部署的个人云社交媒体聊天服务。它从Slack、Discord、RocketChat、Solid、Matrix等产品和规范中博采众长，适用于团队内部交流、个人聊天服务、网站客服、网站内嵌社区等场景。Vocechat 的定位是能轻易部署在私有云上的社交协作程序。

			
		

	





	

		

			

				
					
服务器docker部署ruoyi-vue-plus

				
			

			

				

					09-17
				

			

		

		

			
				
RuoYi-Vue-Plus是一个基于Vue.js和Spring Boot的后台管理系统框架。要在服务器上通过Docker部署它，你需要按照以下步骤操作：  1. **获取镜像**:  - 首先，确保你已经安装了Docker和Docker Compose。然后去RuoYi-Vue...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值