全栈的自我修养 ————关于web项目的ssl部署,http转https

关于web项目中如何配置ssl,http如何修改成https(本文章特点:逻辑!简单!精准!)


如果你是一个刚入手web,正在首次尝试http转https的新手,恭喜你,看完后保证解决你的问题!

一、准备条件

1、一个备案好的域名
2、一个ssl证书
3、一个装有nginx的服务器

二、本篇场景

项目结构: vue + springboot + nginx
服务器: 阿里云

三、具体布置

1、Nginx中ssl证书部署

  1. 创建证书存放目录

首先在在nginx目录下创建一个conf.d的目录用来存放证书信息

1、cd /etc/nginx	
2、mkdir conf.d
  1. 给nginx部署ssl证书

点击部署

![](https://img-blog.csdnimg.cn/direct/19a798b7baa349bf8cb0415a2086fa3a.png
填写你第一步的创建目录 + /cert/图上的内容
在这里插入图片描述
确定后你会发现在你的服务器里面证书自动部署了
在这里插入图片描述

2、Nginx的Server部署

 注意:  
 	——nginx监听80端口,后通过rewrite自动请求到443
    ——注意不能监听其他端口,因为443是https默认端口!!
    ——注意在服务器配置中的安全组允许443和80端口的开放!!
    ——server_name注意填写好域名!!
    ——ssl那几个是你刚才部署的证书地址
    ——location /  是你初始化页面的内容
    ——location / api  其中的8080是你vue的port!
    ——除了小编提到的,其他的请勿修改!

在这里插入图片描述

3、前端修改

  前端的修改只有一个,那就是baseUrl修改成https
	最重要最重要的一点!!!!!!!
  禁止填写ip!!!应直接用域名!!!

在这里插入图片描述

4、后端修改

  1. 下载JKS
    在这里插入图片描述
    在这里插入图片描述
  2. 部署到你的application里面
将解压的两个文件先放置到resources里面
key-store-password 可以直接打开txt查看 然后填上去,看完了删了就行,
key-store 在classpath:后面直接跟上你的jks文件
type必须是JKS

在这里插入图片描述
3. 最后跨域别忘记做!!
在这里插入图片描述

  • 20
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值