项目域名协议https,访问接口链接协议http

问题:前端页面调用后端接口加载不出来
原因:

控制台警告: Mixed Content: The page at https://* was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint http://*. This request has been blocked; the content must be served over HTTPS

混合内容:https://*上的页面是通过HTTPS加载的,但是请求了一个不安全的XMLHttpRequest端点http://*.此请求已被阻止;内容必须通过HTTPS提供
解决方案:

动态匹配当前域名协议,调用和域名协议一致的下载链接

javascript 复制代码
  let url = window.location.protocol + "//" + res.data.replace("http://", "").replace("https://", "");
 window.open(url);
相关推荐
幼儿园技术家9 分钟前
嵌套 H5 的跨端通信:iOS / Android / 小程序 / 浏览器
前端·js or ts
一只小阿乐20 分钟前
TypeScript中的React开发
前端·javascript·typescript·react
用户97141718142724 分钟前
vite项目开发环境启动白屏
前端
Highcharts.js24 分钟前
Highcharts客户端导出使用文档说明|图表导出模块讲解
前端·javascript·pdf·highcharts·图表导出
上山打牛28 分钟前
cornerstone3D 通过二进制渲染影像
前端
一只小阿乐33 分钟前
react路由中使用context
前端·javascript·react.js·context 上下文
Hilaku33 分钟前
一周狂揽40K+ Star⭐ 的 Pretext 到底有多变态?
前端·javascript·html
Southern Wind36 分钟前
AI Skill Server 动态技能中台
前端·后端·mysql·node.js
sibylyue36 分钟前
Nginx\Tomcat\Jetty\Netty
java·nginx·http
锦木烁光1 小时前
多端项目太乱?我是这样用 Monorepo 重构的
前端·架构