项目域名协议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);
相关推荐
顾安r13 分钟前
11.9 脚本网页 消消乐
前端·javascript·flask·html·pygame
宋哈哈25 分钟前
页面水印sdk源码
java·前端·javascript
Kikyo--41 分钟前
前端基础面试题(Css,Html,Js,Ts)
前端·javascript·css·typescript·html
火车叼位1 小时前
处理volta切换node版本之后pnpm没有识别的问题
前端·javascript
七号练习生.c1 小时前
JQuery&Ajax
前端·ajax·jquery
FinClip1 小时前
AI时代,金融科技如何落地“对话就能办业务”?
前端
数学分析分析什么?2 小时前
微前端之qiankun+vue3简易示例
前端·微前端·qiankun
西洼工作室2 小时前
前端项目目录结构全解析
前端·vue.js
咫尺的梦想0072 小时前
vue的生命周期
前端·javascript·vue.js
一口甜西瓜2 小时前
nuxt2.x部署到linux
前端·nuxt.js