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

最新推荐文章于 2025-05-28 16:29:20 发布

海盐老伍

最新推荐文章于 2025-05-28 16:29:20 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： nginx docker vue

本文链接：https://blog.youkuaiyun.com/wujize/article/details/106843213

本文记录了如何在Docker上使用HTTPS协议通过Nginx发布Spring Boot+Vue的前后端分离项目。首先，介绍了如何在阿里云申请并下载SSL证书。接着，详细说明了Vue项目Dockerfile的制作，包括证书的配置和Nginx的设置。然后，讨论了由于备案问题，如何通过Nginx的反向代理实现后端8088端口的隐藏访问。最后，提到了小程序服务端口的反向代理配置和测试情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天需要将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 /etc/nginx<