项目域名协议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);
相关推荐
夜瞬2 分钟前
HTTP基础教程:请求方法、状态码、JSON、鉴权、超时、重试与流式返回
网络协议·http·json
靳向阳8 分钟前
【无标题】
前端·javascript·vue.js
存在的五月雨18 分钟前
uniapp 一些组件的使用
java·前端·uni-app
涵涵(互关)20 分钟前
GoView各项目文件中的相关语法
前端·vue.js·typescript
佳xuan22 分钟前
QA与RAG检索
java·服务器·前端
z194089206623 分钟前
微软语音识别失败原因排查:从上传到获取文本的完整指南
前端·经验分享·语音识别
M ? A23 分钟前
Vue 转 React:toRaw(),VuReact 怎么处理?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
久爱@勿忘25 分钟前
uniappH5跳转小程序
前端·小程序·uni-app
布局呆星4 小时前
Vue Router :基础使用与嵌套路由实战
前端·javascript·vue.js
小码哥_常9 小时前
安卓开发秘籍:解锁10大性能优化秘诀
前端