springboot和vue配置https请求
项目场景:
代码发布到线上使用https请求需要配置ssl证书,前后端都需要修改。
问题描述
如图,我们在调用接口时报如下错误,这就是未配置ssl但是用https请求产生的问题。

解决方案:
前端:在vite.config.js文件里添加证书配置
import { readFileSync } from "fs"return {base: `./`,// 引入证书devServer: {https: {cert: readFileSync(resolve(__dirname, './cert.crt')), key: readFileSync(resolve(__dirname, './cert.key')) },open: true,},}
后端:在application.yml中添加ssl
server:port: 8833servlet:# 应用的访问路径context-path: /# 添加ssl配置ssl:enabled: truekey-store: classpath:www.abc.cn.jks # jks的路径,把jks放在在目录下key-password: 1abc2def # 密码key-store-password: 1abc2defkey-store-type: jks
spring:
相关文章:
springboot和vue配置https请求
项目场景: 代码发布到线上使用https请求需要配置ssl证书,前后端都需要修改。 问题描述 如图,我们在调用接口时报如下错误,这就是未配置ssl但是用https请求产生的问题。 解决方案: 前端:在vite.config.js文…...
selenium遇见伪元素该如何处理?
🍅 点击文末小卡片 ,免费获取软件测试全套资料,资料在手,涨薪更快 问题发生 在很多前端页面中,大家会见到很多::before、::after 元素,比如【百度流量研究院】: 比如【百度疫情大数…...
慧集通(DataLinkX)iPaaS集成平台-数据质量
1.什么是数据质量 介绍: 数据质量的主要作用就是记录组件写入的数据,及执行时的相关信息,如执行的最终状态(成功,失败,进行中等),执行的时间(创建时间,修改时…...
微软发布AIOpsLab:一个开源的全面AI框架,用于AIOps代理
在当今这个云计算技术迅猛发展的时代,企业面临着前所未有的挑战与机遇。随着云基础设施的日益复杂化,它们成为了企业运营不可或缺的支柱。网站可靠性工程师(Site Reliability Engineers,简称SRE)和DevOps团队肩负着关键…...
ElasticSearch | Elasticsearch与Kibana页面查询语句实践
关注:CodingTechWork 引言 在当今大数据应用中,Elasticsearch(简称 ES)以其高效的全文检索、分布式处理能力和灵活的查询语法,广泛应用于各类日志分析、用户行为分析以及实时数据查询等场景。通过 ES,用户…...
12.C语言中的struct详解:定义、赋值、指针、嵌套与位字段
目录 1.简介2.struct 的复制3.struct 指针4.struct 的嵌套5.位字段6.弹性数组成员 1.简介 本篇原文为:C语言中的struct详解:定义、赋值、指针、嵌套与位字段。 更多C进阶、rust、python、逆向等等教程,可点击此链接查看:酷程网 …...
文件读写到SQLite数据库的方法
在 SQLite 数据库中,将文件读写到数据库的常见方法主要有以下几种: 1. 将文件以 BLOB 类型存储 BLOB(Binary Large Object) 是 SQLite 中的二进制数据类型,可以直接用来存储文件内容。 步骤: 创建表 创建一…...
springboot项目部署至linux
1.修改pom.xml 确认是否有以下代码,没有请进行添加,mainClass改成你的启动类 <plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId><version>${spring-boot.ve…...
使用sed命令封装自定义dos2unix脚本
使用sed命令封装自定义dos2unix脚本 创建 `dos2unix` 脚本使用自定义的 `dos2unix` 脚本注意事项要将 sed -i 封装为一个简单的 dos2unix 脚本,你可以创建一个 Bash 脚本文件,该文件接受文件名作为参数,并使用 sed 命令来删除文件中的 DOS 回车符(\r)。以下是一个基本的实…...
调整Python+Pytest+Allure+Yaml+Pymysql框架中需要执行的用例顺序
当pytest框架中有时时候会因为用例的前后关联关系需要调整用例执行顺序时则可以跟进具体的要求调整pytest.ini配置文件中执行用例文件夹的前后顺序 当如果是需要调整某个文件夹中用例的执行顺序时,则跟进具体的文件调整对应testcases中test_*.py文件中的执行顺序...
带内管理和带外管理
带内管理(In-Band Management) 概述 带内管理是一种借助生产网络来传输管理数据的网络管理方式,其管理流量与业务流量共享相同的网络路径。 特点 共享网络路径:管理数据和业务数据一同使用现有的网络基础设施,在同…...
【操作系统】阻塞非阻塞I/O、同步异步I/O
阻塞I/O:程序发起I/O操作时,程序被挂起,直到I/O操作完成并返回结果。在这个过程中,程序会被阻塞无法执行其他任务。适用于简单、低并发的场景。 非阻塞I/O:程序发起I/O操作时,不会等待,立即返回…...
spring cloud alibaba-dubbo3 rpc运行原理
Dubbo3 运行原理 Dubbo3 是 Apache Dubbo 的最新版本,是一个高性能、轻量级的分布式服务框架,支持微服务架构。相比 Dubbo2,它在协议、扩展性、服务治理、流控等方面做了大量改进,特别是引入了 Triple 协议,使其更加适…...
【Uniapp-Vue3】computed计算属性用法及方法对比
如果我们想要将两个响应式变量进行某种运算,就可以使用computed计算属性。 比如下面这个例子中,输入名和姓合成全名,可以用直接显示的方法: 我们也可以使用computed属性: import {computed} from "vue"; le…...
web实操10——Filter和Listener
Filter介绍 web三大组件:servlet,filter, lisenter。 Filter快速入门 步骤 拦截路径:你访问什么样的资源,过滤器会生效,包括静态资源,动态资源。 配置:两种配置方式 代码实现 代码&#…...
Spring中,出现依赖不完全注入后才执行逻辑
1. Bean生命周期机制 Spring管理的Bean是通过生命周期回调进行初始化和依赖注入的。以下是典型的生命周期阶段: 实例化(Instantiation): 创建Bean对象。依赖注入(Dependency Injection): 向Be…...
如何选择 Dockerfile 的放置方式
是否将 Dockerfile 放在项目根目录下还是为每个应用服务单独创建 Dockerfile,取决于项目架构和使用场景。以下是针对不同项目类型的最佳实践和推荐方式: 一、单体应用项目 项目特点 项目是一个单体应用,只有一个运行环境,例如&a…...
用 HTML5 Canvas 和 JavaScript 实现炫酷跨年烟花特效
一、引言 跨年夜,五彩斑斓、绚丽绽放的烟花是最令人期待的视觉盛宴之一。在网页端,我们能否通过技术手段复现这一梦幻场景呢?答案是肯定的。本文将深入剖析一段使用 HTML5 Canvas 和 JavaScript 实现的跨年烟花特效源码,带你领略前端技术创造的惊艳画面。 用 HTML5 Canvas…...
cat命令详解
🏝️专栏:https://blog.csdn.net/2301_81831423/category_12872319.html 🌅主页:猫咪-9527-CSDN博客 “欲穷千里目,更上一层楼。会当凌绝顶,一览众山小。” cat 是 Linux/Unix 中的一个非常常用的命令&…...
el-table 自定义表头颜色
第一种方法:计算属性 <template><div><el-table:data"formData.detail"border stripehighlight-current-row:cell-style"{ text-align: center }":header-cell-style"headerCellStyle"><el-table-column fixed…...
Android OkHtttp 流程分析
文章目录概述核心类执行流程请求发起拦截器链连接池异步任务调度器概述 OkHttp 是一个由 Square 公司开发的高效、简洁的 HTTP 客户端库。 OkHttp 包含一个连接池,可以复用 TCP 连接,避免了多次握手的开销。自动处理 GZip、HTTP 缓存、响应重试。 核心…...
终极指南:@ngx-translate/core与懒加载模块的完美结合方案
终极指南:ngx-translate/core与懒加载模块的完美结合方案 【免费下载链接】core The internationalization (i18n) library for Angular 项目地址: https://gitcode.com/gh_mirrors/core81/core ngx-translate/core是Angular生态中最流行的国际化(i18n)库&am…...
iperf3 Windows预编译二进制深度解析:专业网络性能测试技术实践
iperf3 Windows预编译二进制深度解析:专业网络性能测试技术实践 【免费下载链接】iperf3-win-builds iperf3 binaries for Windows. Benchmark your network limits. 项目地址: https://gitcode.com/gh_mirrors/ip/iperf3-win-builds iperf3-win-builds是针对…...
BilibiliDown:3分钟上手,从此告别B站视频下载烦恼
BilibiliDown:3分钟上手,从此告别B站视频下载烦恼 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader 😳 项目地址: https://gitcode.com/gh_mi…...
【learn-claude-code】S08BackgroundTasks - 后台任务:慢操作放后台,Agent 继续思考
核心理念 “慢操作放后台,Agent 继续思考” – 后台线程执行命令,完成后通知模型。 源码:https://github.com/xiayongchao/learn-claude-code-4j/blob/main/src/main/java/org/jc/agents/S08BackgroundTasks.java原版:https://g…...
别再手动拼接Prompt了!用AutoGen的AssistantAgent打造你的第一个智能助手(附完整代码)
用AutoGen打造智能助手:告别Prompt拼接的终极方案 每次手动拼接Prompt时,你是否感觉自己在重复造轮子?那些繁琐的对话历史管理、工具调用逻辑和状态维护,正在吞噬开发者宝贵的时间。AutoGen的AssistantAgent提供了一种更优雅的解…...
Qwen3.5推理模型应用实战:快速搭建你的智能学习与代码助手
Qwen3.5推理模型应用实战:快速搭建你的智能学习与代码助手 1. 引言:为什么选择Qwen3.5推理模型 在当今AI技术快速发展的时代,找到一个既轻量又强大的推理模型对于开发者来说至关重要。Qwen3.5-4B-Claude-4.6-Opus-Reasoning-Distilled-GGUF…...
STM32CubeMX实战:10分钟为你的G474项目配置双区IAP(Boot+App)并生成.bin
STM32CubeMX实战:10分钟为G474项目配置双区IAP(BootApp)并生成.bin 在嵌入式开发中,IAP(在应用编程)技术是实现设备固件远程升级的核心方案。对于STM32开发者而言,传统手动配置IAP往往涉及繁琐…...
如何用MVP.css快速创建响应式网站:终极完整指南
如何用MVP.css快速创建响应式网站:终极完整指南 【免费下载链接】mvp MVP.css — Minimalist classless CSS stylesheet for HTML elements 项目地址: https://gitcode.com/gh_mirrors/mv/mvp MVP.css是一个极简主义的无类CSS样式表,专为快速创建…...
Qwen3-ASR-1.7B语音识别进阶指南:上下文联想纠错机制原理与提示词增强技巧
Qwen3-ASR-1.7B语音识别进阶指南:上下文联想纠错机制原理与提示词增强技巧 1. 引言:从“听清”到“听懂”的跨越 如果你用过一些基础的语音转文字工具,可能会遇到这样的困扰:明明每个字都识别出来了,但连成句子却感觉…...
