项目域名协议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);
相关推荐
CodeSheep3 分钟前
宇树科技,改名了!
前端·后端·程序员
Hilaku10 分钟前
为什么我们用了 Vite 还是构建慢?——真正的优化在这几步
前端·javascript·vite
XI锐真的烦11 分钟前
横向对比npm和yarn
前端·npm·node.js
国家不保护废物11 分钟前
🧩 React 组件化进阶:像乐高大师一样搭建你的应用世界!
前端·react.js·ai编程
TimelessHaze18 分钟前
从"切图崽"到前端工程师:React 到底是个啥?🚀
前端·react.js·ai编程
站在风口的猪110823 分钟前
《前端面试题:CSS的display属性》
前端·css·html·css3·html5
wandongle24 分钟前
HTML 面试题错题总结与解析
前端·面试·html
Code_Geo25 分钟前
前端打包工具简单介绍
前端·打包工具