前端启动服务是http协议但访问的后端接口是https协议

最新推荐文章于 2025-11-14 21:50:26 发布
原创 最新推荐文章于 2025-11-14 21:50:26 发布 · 2.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax

本文探讨了前端使用HTTP协议而后端采用HTTPS协议时出现的问题及解决方案。具体表现为因浏览器不信任自签名的HTTPS证书导致的缓存清理后无法正常进行AJAX请求的情况。文章给出了解决方案：通过重新加载包含自签名证书的HTTPS页面来更新浏览器缓存。

前端启动服务是http协议但访问的后端接口是https协议

这是因为https证书是自签证书，浏览器不认，清缓存的时候把之前白名单清掉了，ajax请求处理不了这种操作。(这种错误发生在Google浏览器较为频繁)
我当时的解决办法是随便打开了一个相关https协议的get请求，然后把证书重新放入缓存即可。

前后端分离项目，开发和部署时，开启https访问的整体思路（详细步骤）
weixin_35676679的博客
11-14 7299
项目开启https访问的整体思路和过程。
[跨域问题]使用https调用http接口时,会阻拦的错误提示,解决方案如下
AsiWorld的博客
06-10 8497
问题描述 最近在使用vue做前端,调用后端的登录接口,但是前后端分离+cookie登录状态判断就会产生超级难搞的问题,首当其冲的就是解决安全证书的问题 于是我使用了vue的https devserver选项做了一个非安全证书的https 但是当我调用http登录接口的时候发现报错了 具体内容如下 edge 报错 Mixed Content: The page at ‘https://localhost:8080/’ was loaded over HTTPS, but requested an ins
解决访问 https 网站时，后端重定向或获取 URL 变成 http 的问题
Java架构师之路的博客
11-14 575
一种常见的服务部署架构是 Nginx 反向代理后端 Java 应用服务器，Nginx 监听 443 端口处理 https 请求，然后转发给后端服务器。ini} }即：客户端与 Nginx 之间是 https，Nginx 与后端 Java 应用服务器之间是 http。要解决这些问题，可以通过 Nginx 配置 + 少量后端代码修改来实现。
前后端分离项目htttps和http出现跨域问题
诚的专栏
08-06 4881
最近搞一个前后端分离的项目，遇到如下跨域问题。 前端部署在A服务器上，并配置Ngnix，通过Https://xxxx访问，然后前端代码里配置url=http://xxxxx直接访问后端服务器B。 就产生了以上跨域问题。 刚开始问题排查： 1，以为是nginx所在服务器访问不了后台服务器B。curl发现网络是通的，没问题。 2，以为是后端代码不能接收http的请求，需要改...
网页源码中写的是http请求, 但是最后发出的却是 https
xiaosheng
06-24 974
这个绝对是个巨坑啊, 我花了一下午的时间终于找到原因了<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 就是因为上面这行代码的原因, 网上搜了下, 这行代码大致的意思: 告诉浏览器网页中所有的 http 请求都是可信的, 可以将所有的 http 请求都升级为 https 如果线上是 https 的话, 还没有什么问题, 但是在本地的话, 这就是一个致命的问题 ...
Springboot项目，前端http访问后端JavaHttps服务器
weixin_46811632的博客
03-30 4658
1.搭建JavaHttps服务器 使用jdk自带的 keytools 创建证书 首先cmd命令行输入如下： keytool -genkey -alias tomcat -keyalg RSA -keystore ./server.keystore 接着按提示输入：输入完口令后，一顿回车，直到问你是否确认你输入y 输入密钥库口令:888888 再次输入新口令:888888 您的名字与姓氏是什么? [Unknown]: 您的组织单位名称是什么? [Unknown]: 您的组织名称是
Microsoft Visual Studio 运行后端项目，前端启动后调用后端接口，游览器控制台报错无法连接到web服务器“http”
09-09
- 确保前端代码中调用后端接口的地址正确，包括协议（http 或 https）、域名（通常为 `localhost`）和端口号。例如在 Vue3 项目中，若使用 `axios` 发起请求，代码可能如下： ```javascript import axios from '...
400 Bad Request 前端访问后端接口报错
最新发布
11-18
前端访问后端接口出现 400 Bad Request 错误通常表示客户端发送的请求有错误，以下是根据参考内容及常见情况给出的解决办法： ### 检查请求参数 若使用 ajax 发送前端表格数据，后台用类接收时，要保证 ajax 定义的...
不用mock，前端来建立后端服务以便自己实现接口
qq_35192247的博客
09-02 987
不用mock，前端来建立后端服务以便自己实现接口 前言 分享一个前端小技能，前端在写代码时经常遇到的一个问题就是，后端接口没写好，自己却需要调用这个接口，一般这时前端都会使用mock来模拟假数据。然而我就想作为一个前端能不能自己写一个接口来试试手，结果一写发现还挺简单的。下面分享一下我的实现步骤。以下全是我一点一点手敲出来并且也是我自己项目中使用的。 主要用到的技术与功能插件 前端：vue2.x,...
前端到底怎么调用后端服务的？什么是Vue？怎么调用C#写的后端！
Read by heart
08-13 7579
前言 前端的概念很广，可以直观上理解为直接呈现给用户的网页部分，前端的实现涉及多种编程技术或语言，如HTML、CSS、JavaScript、Vue.js、ajax等，它们只需要一个浏览器即可运行。但是有时候前端网页需要的某些功能不好直接在前台（浏览器）中实现，这时候需要借助某种后端编程语言如Java、Python、PHP、C#等，可以在本地服务器上编写代码实现该功能，然后作为一种服务提交给前端进行调用。那么问题来了，前端究竟是怎么调用后端服务的呢？和我一起来一探究竟吧！ 正文 1. 工具准...
微信小程序访问node.js接口服务器搭建教程
11-30
本教程将指导你如何使用Node.js搭建支持HTTPS的服务器，以便微信小程序能够正确地访问接口。 首先，我们需要了解SSL/TLS证书。SSL（Secure Socket Layer）和TLS（Transport Layer Security）是网络安全协议，用于...
网站同时支持http和https访问
漂泊的程序猿
03-10 3446
1.在腾讯云申请SSL证书https://buy.cloud.tencent.com/ssl?fromSource=ssl，此时选择了个人配置DNS，具体使用方法请参照官网说明。 2.证书申请成功后，下载证书上传到服务器，将crt和key两个文件放到/usr/local/httpscrt文件夹中 3.修改nginx配置文件如下： ...
前后端通信 —— HTTP/HTTPS
m0_65029152的博客
07-11 2176
本文主要记录前后端通信过程中，涉及到的一些关于HTTP的基础内容；
前后端通信与 http/https 协议
weixin_49809163的博客
06-21 1400
HTTP 协议前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np impo
服务器http协议访问https的接口,使用HttpClient访问https协议的接口
weixin_28684655的博客
08-10 2609
自定义HttpClient使用HttpClients.createDefault()这个默认配置的方法有时候并不能满足需求，无法配置证书和协议，下面代码演示怎样自定义HttpClient.package com.jiangtengfei.https;import org.apache.http.HttpEntity;import org.apache.http.client.methods.Clo...
前端- 在本地环境使用 HTTPS 协议调试
kelly0721的博客
01-11 6733
https请求报错block:mixed-content
前端 HTTP和HTTPS
Rnger的博客
08-20 1910
1、HTTP和HTTPS的基本概念 http超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。 https：HTTPS协议是由SSL(Secure Sockets Layer 安全套接层)+HTTP协议构建的可进行加密传输、身份认证的网络协议。是以安...
http网页是否能引用https资源/调用https接口？https网页是否能引用http资源/调用http接口？
細水、長流√的专栏
12-23 8094
总结：http可以调用https , https不能调用http (浏览器认为不安全) http网页引用https资源 -> 可以 http网页调用https接口 -> 可以 https网页引用http资源 -> 不行（浏览器认为不安全） 推荐解决方法，不指定具体协议，使用资源协议自适配，比如，当前为https页面，那么就是https资源，如果是http页面，那么就是http资源。具体方法超简单：<script src='//www.aa...
前端学习之HTTP 和 HTTPS
CathyleeQ的博客
03-08 3737
1.http 和 https 的基本概念 HTTP:是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。 HTTPS:是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。 HTTPS协议的主要作用可以分为两种:一种是建立一个信息安全通道,来保证数据传输的安全;另一种就是确认网站的真实性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值