docker上用HTTPS协议在Nginx上发布Spring boot+VUE项目

最新推荐文章于 2024-07-15 22:25:30 发布
最新推荐文章于 2024-07-15 22:25:30 发布
阅读量1k 收藏 3
点赞数
文章标签： nginx docker vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wujize/article/details/106843213
版权
本文记录了如何在Docker上使用HTTPS协议通过Nginx发布Spring Boot+Vue的前后端分离项目。首先，介绍了如何在阿里云申请并下载SSL证书。接着，详细说明了Vue项目Dockerfile的制作，包括证书的配置和Nginx的设置。然后，讨论了由于备案问题，如何通过Nginx的反向代理实现后端8088端口的隐藏访问。最后，提到了小程序服务端口的反向代理配置和测试情况。
摘要由CSDN通过智能技术生成

今天需要将spring boot+vue的前后端分离项目发布在docker上，对外只公布vue项目的用https协议访问的443端口，多番尝试后终于成功，特记录如下：

一、申请采购

域名与服务器采用阿里云的，证书自然也是选阿里的免费证书，配置如下。
在这里插入图片描述
证书申请

二、证书下载

证书采购后，在证书管理页面，正式申请证书，填写自己的相关信息，需要实名信息，并且需要与域名持有者的身份信息一致，以便于通过审核。证书通过审核后，会下会证书，注意观察申请进展，一般很快会通过审查，并生成证书，如下图所示下载备用。
在这里插入图片描述
证书下载

三、VUE项目docker文件制作

vue项目本身内容不需要修改，注意端口使用80端口，以便使用https后转换为443端口。

1、将第二步下载的pem和key文件放在dist下的cert目录
在这里插入图片描述
2、在dockerfile中，将证书拷贝到nginx镜像文件中

FROM urbgn6za.mirror.aliyuncs.com/library/nginx

MAINTAINER Wu Jize <quyouinfo@163.com>
 
RUN rm /etc/nginx/conf.d/default.conf

ADD default.conf
最低0.47元/天 解锁文章
海盐老伍
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Docker 内 Nginx，SpringBoot(内置tomcat)配置HTTPS证书
它叫当当的博客
09-05 5886
下载证书（这里以阿里云为例） Nginx配置证书 配置前准备 docker安装nginx docker pull nginx 创建目录/home/nginx/cert 用于存放证书的文件夹，挂载在docker容器内 创建目录/home/nginx/conf 用于存放nginx配置文件的文件夹，挂载在docker容器内 创建目录/home/nginx/html 用于存放项目的文件夹，挂载在docker容器内 编辑配置文件 在conf文件夹中创建nginx.conf文件 nginx.conf #use
docker springboot nginx部署
u010774885的博客
12-17 431
docker springboot nginx部署 1、打包两个不同端口的同一个项目: 2、创建 名字为 Dockerfile的文本文件并编辑内容(用于创建镜像): #jdk版本 FROM java:8 VOLUME /tmp #jar 名字 最好放在同一目录下 这样就不需要写路径了 ADD springboot-8090.jar app.jar RUN bash -c ‘touch /app.jar’ ENTRYPOINT [“java”,"-Djava.security.egd=file:/dev/
为 docker 中的 nginx 配置 https
weixin_33811539的博客
06-11 157
没有 https 加持的网站会逐渐地被浏览器标记为不安全的，所以为网站添加 https 已经变得刻不容缓。对于商业网站来说，花钱购买 SSL/TLS 证书并不是什么问题。但对于个人用户来说，如果能有免费的 SSL/TLS 证书可用将会是非常幸福的事情！Let's Encrypt 就是一个提供免费 SSL/TLS 证书的网站，由于其证书期限只有三个月，所以需要我们用自动化的方式去更新证书。本文将介绍...
nginx中如何配置ssl证书及springboot项目
最新发布
穆雄雄的博客
07-15 186
每次发布新项目，都要去宝塔里面把原来的nginx配置信息拷贝过来，然后在改改，这次在这边做个记录。
（一、软件安装）linux环境下docker+nginx对vue+springboot前后端分离项目进行线上部署
zhr674344331的博客
04-14 240
postman安装的时候不会让你指定安装目录，他会自动安装到"C:\Users\XXX（你的用户名）\AppData\Local\Postman\app-9.12.2\resources （就来这里）因为汉化包最新的是9.12.2，所以想用汉化包汉化的就下这个版本，对此无要求的，官网直接下载最新版的即可）输入名称（随意），主机（服务器地址，我这里是192.168.A.B），协议一般正常默认SFTP，端口号默认22即可，用户名、密码即为服务器的用户名、密码。从上面的汉化链接进入下载对应的zip压缩文件。
Docker+Nginx打包部署Spring boot 项目
gp_911014的博客
09-20 1314
1、后端启动类模块下增加“Dockerfile”文件，文件内容如下： 2、项目根目录下增加“docker-compose.yml”文件和“nginx.conf”文件 Nginx配置文件： 二、打包部署 在项目根目录下运行(在有docker-compose文件的目录)： 成功之后运行命令后端项目根目录下会生成存放前端静态资源的文件夹，后续将前端打包完的“dist”文件夹下的静态资源存放至后端生成的文件夹即可。启动docker中的项目，浏览器访问：localhost:31005即可。端口为Ngi
数据库系统期末项目基于Spring boot+Vue.js的图书销售系统源码+sql数据库+项目部署说明.zip
08-10
数据库系统期末项目基于Spring boot+Vue.js的图书销售系统源码+sql数据库+项目部署说明 【资源说明】 1、该资源内项目代码都是经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关...
全栈式部署：SpringCloud 微服务+Docker + Vue + nginx 前后端一站式部署
CSDN_KONGlX的博客
07-06 1455
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma...
springboot+vue+nginx完整demo代码
03-14
【标题】"springboot+vue+nginx完整demo代码"是一个示例项目，它结合了三个关键技术：Spring Boot、Vue.js和Nginx，用于构建现代Web应用程序。这个项目旨在展示如何将后端Java服务与前端JavaScript框架以及反向代理...
Linux openEuler系统部署spring boot+vue前后端分离项目（nginx均衡代理）
04-17 989
16、mysql的innodb如何定位锁问题，mysql如何减少主从复制延迟?2、在工作中，运维人员经常需要跟运营人员打交道，请问运营人员是做什么工作的?6、Squid、Varinsh和Nginx有什么区别，工作中你怎么选择?5、LVS、Nginx、HAproxy有什么区别?9、讲述一下Tomcat8005、8009、8080三个端口的含义？7、Tomcat和Resin有什么区别，工作中你怎么选择?3、现在给你三百台服务器，你怎么对他们进行管理?15、讲述一下LVS三种模式的工作过程?
通过docker创建Nginx容器并运行Vue项目（可用https进行访问）
VandyCarl的博客
05-27 1564
解决通过docker实现Nginx运行vue项目，并且可以通过Https进行访问
docker部署springboot后端+vue前端+nginx+mysql详细过程
weixin_43352606的博客
06-26 2798
简单整理下自己最近使用docker部署项目的过程。 推荐查看nginx官网文档.对使用的工具进行简单介绍。 2.配置加速镜像 到此docker安装结束。在进行打包前，需要对前端代码进行部分修改。 2.制作前端nginx镜像，运行容器。 3.前端测试。 四、docker安装mysql 1.安装mysql镜像。 3.本地navicat连接测试。 五、springboot后端部署 1.修改后端代码，进行打包。......
docker+nginx+https+react/vue..究极缝合两种方法
weixin_43911023的博客
12-19 1728
docker+nginx+https+react/vue/..究极缝合两种方法一、introduction二、preparation三、step方法一、使用nginx基础image1、找到你的cert，然后创建nginx.conf用于修改nginx配置2、在frontend项目下创建Dockerfile3、build image4、将image导出并上传到你的server5、run image方法二、使用centos基础image 一、introduction 一个docker image、用于部署前端、使
Docker部署前后端分离项目（Docker+Nginx+Vue+SpringBoot）
PyongSen的博客
02-22 7579
使用Docker+Docker-Compose部署前后端分离的项目
项目上线相关配置配置 https服务
海阔天空
01-26 193
项目上线相关配置 使用pm2管理应用 1在服务器安装 pm2 :npm i pm2 -g 启动项目 pm2 start 脚本 --name 自定义名称 查看运行项目 pm2ls 重启项目 pm2 restart 自定义名称 停止项目 pm2stop自定义名称 删除项目pm2delete自定义名称` *** ## 在这里插入代码片 *** 配置 https服务 http协议都是明文 ，不安全 https 服务 申请 ssl证书 进入https官网 输入自己的邮箱和相关选项 验证 DNS（在域名管理后台添
阿里云服务器使用docker安装Nginx + Nginx配置vue项目+ Nginx开启https，配置ssl证书
m0_54793512的博客
06-12 702
将自己的证书部署在/etc/ssl/certs目录下就可以了，最上面安装nginx的时候做了目录挂载映射，所以直接把证书放在对应的目录下面就可以，我是放在了/home/nginx/certs里面了，如果没有做目录映射，填写pem和key文件的话要拷贝到nginx内部的容器来。-------------------------------------以上是nginx的安装+nginx配置vue项目-----------------------------------------在我的项目中为了处理跨域问题，
SpringBoot+Vue+Nginx+ssl 前后端分离项目部署
liuyuay
07-04 1542
SpringBoot+Vue+Nginx+ssl 前后端分离项目部署部署所需部署Vue项目部署SpringBoot项目双证书，双域名配置 部署所需 将项目部署在Linux上，需要这些东西 域名： 在腾讯云购买的域名，并且在域名解析中添加二级域名作为API的域名，域名可以不需要没有； SSL证书： 在腾讯云可免费申请，分别为购买的域名和解析的二级域名申请SSL证书，没购买域名也可以不需要； Nginx： 安装教程详情见百度~； JDK： 同上； 增加了支持甘特图的mermaid语法1 功能； 增加了 多屏幕
docker安装nginx并挂载(安装证书)
秃头的博客
07-23 976
docker安装nginx并安装证书
spring boot+vue 3 大型前后端分离项目实战 pdf下载
09-23
要实现一个大型的前后端分离项目，可以使用Spring Boot和Vue 3进行开发。首先，需要设置好开发环境，包括安装Java JDK和Node.js，并配置好相应的环境变量。 接下来，可以使用Spring Initializr初始化一个Spring Boot项目，选择相应的依赖项，如Spring Web和Spring Data JPA。然后，可以使用Maven构建工具导入项目，并进行基本的配置，如数据库连接和端口号设置。 在前端方面，可以使用Vue CLI创建一个Vue 3项目，安装相应的依赖，如Vue Router和axios。可以使用Vue Router进行页面的路由管理，axios用于进行前后端的数据交互。 在开发过程中，可以将前后端分别进行开发，使用后端提供的接口进行数据交互。可以将后端代码按照功能模块划分，使用MVC的模式进行开发。前端可以使用组件化的方式进行开发，将页面划分为多个组件，方便进行复用和维护。 在开发过程中，可以使用Git进行代码管理，将代码进行版本控制。可以使用IDE进行开发，如IntelliJ IDEA和Visual Studio Code。可以使用Postman进行接口测试，确保后端接口的正确性。 在项目完成后，可以进行部署。可以使用Docker进行容器化部署，将项目打包为一个镜像，并进行部署。可以使用Nginx作为反向代理服务器，将前端静态资源和后端接口进行分发。 最后，可以提供一个PDF下载，包括整个项目的代码和相关文档，供他人学习和参考。可以将项目代码上传至GitHub或其他代码托管平台，并提供一个可下载的链接。 以上是使用Spring Boot和Vue 3进行实战开发的一般步骤和流程。具体的实施细节需要根据项目需求和实际情况进行调整和完善。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值