AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

【报错解决】【Vue】与后端交互时，http与https跨域问题

2022-11-13 1338
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【报错解决】【Vue】与后端交互时，http与https跨域问题问题

问题

q1.png

xhr.js:220 Mixed Content: The page at 'https://xxx' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://xxx'. This request has been blocked; the content must be served over HTTPS.

场景

Vue前端，Java后端，网站开启了强制https

上传项目后发生了以上报错。

解决方法

在index.html文件中添加


<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

注意

我后端早就写了对跨域问题的处理的

文章标签：
Java
JavaScript
前端开发
关键词：
vue后端
后端交互
HTTP https
HTTPS后端
报错HTTPS
萌狼蓝天
目录
相关文章
烽起黎明
|
9月前
|
JSON 前端开发 Java
图解HTTP请求Tomcat服务器实现前后端交互-2
图解HTTP请求Tomcat服务器实现前后端交互
烽起黎明
85 0
烽起黎明
|
9月前
|
前端开发 JavaScript Java
图解HTTP请求Tomcat服务器实现前后端交互-1
图解HTTP请求Tomcat服务器实现前后端交互
烽起黎明
165 0
你挚爱的强哥
|
4月前
|
JavaScript
如何让Vue项目本地运行的时候，同时支持http://localhost和http://192.168.X.X访问？
如何让Vue项目本地运行的时候，同时支持http://localhost和http://192.168.X.X访问？
你挚爱的强哥
131 1
球球不吃虾
|
4月前
|
缓存 自然语言处理 前端开发
第一章 引言-HTTP协议基础概念和前后端分离架构请求交互概述
第一章 引言-HTTP协议基础概念和前后端分离架构请求交互概述
球球不吃虾
114 0
土木林森
|
1月前
|
负载均衡 Java API
深度解析SpringCloud微服务跨域联动：RestTemplate如何驾驭HTTP请求，打造无缝远程通信桥梁
【8月更文挑战第3天】踏入Spring Cloud的微服务世界，服务间的通信至关重要。RestTemplate作为Spring框架的同步客户端工具，以其简便性成为HTTP通信的首选。本文将介绍如何在Spring Cloud环境中运用RestTemplate实现跨服务调用，从配置到实战代码，再到注意事项如错误处理、服务发现与负载均衡策略，帮助你构建高效稳定的微服务系统。
土木林森
44 2
一颗小谷粒
|
2月前
|
XML 前端开发 JavaScript
JavaEE：http请求 | 过滤器 | 同步与异步请求 | 跨域问题 | axios框架 有这一篇就够！
JavaEE：http请求 | 过滤器 | 同步与异步请求 | 跨域问题 | axios框架 有这一篇就够！
一颗小谷粒
32 1
爱你三千遍斯塔克
|
3月前
|
JavaScript
vue : 无法加载文件 D:\module\npm_module\npm_modules\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.c
vue : 无法加载文件 D:\module\npm_module\npm_modules\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.c
爱你三千遍斯塔克
41 0
达达达达达达
|
3月前
|
安全 Java 应用服务中间件
详细介绍几种处理后端跨域问题的方案
详细介绍几种处理后端跨域问题的方案
达达达达达达
82 0
fruge365
|
4月前
|
Web App开发 移动开发 运维
跨域解决方案[前端+后端]
跨域解决方案[前端+后端]
fruge365
67 0
极客李华
|
4月前
|
负载均衡 前端开发 Java
字节后端面试题（前端发送请求到后端的过程（MVC），网关gateway作用，怎么解决跨域，各微服务组件作用）
字节后端面试题（前端发送请求到后端的过程（MVC），网关gateway作用，怎么解决跨域，各微服务组件作用）
极客李华
360 0

热门文章

最新文章

  • 1
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont
  • 2
    Switching Between HTTP and HTTPS Automatically
  • 3
    IE8中HTTP连接数目的变化
  • 4
    php curl Received HTTP code 403 from proxy after CONNECT
  • 5
    http://www.kindsoft.net/docs/qna.html
  • 6
    淘宝HTTP3/QUIC技术演进与实践
  • 7
    Detecting HTTP Load Balancers using Halberd
  • 8
    [原创]对于运行ASP.NET程序时，提示：无法启动程序“http://localhost:3532/Default.aspx”。的解决办法
  • 9
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont
  • 10
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont
  • 1
    HTTPS代理搭建技巧分享​
    135
  • 2
    【Go语言专栏】Go语言中的HTTPS与TLS配置
    391
  • 3
    【计算机网络】http协议的原理与应用，https是如何保证安全传输的
    162
  • 4
    DataWorks操作报错合集之在阿里云 DataWorks 中，代码在开发测试阶段能够成功运行，但在提交后失败并报错“不支持https”如何解决
    79
  • 5
    SpringBoot配置HTTPS及开发调试
    68
  • 6
    HTTP协议与HTTPS协议
    55
  • 7
    https://developer.aliyun.com/article/1495767
    64
  • 8
    静态代理IP是否支持HTTP和HTTPS？
    67
  • 9
    秒懂HTTPS接口（原理篇）
    293
  • 10
    8-20|https://gitlab.xx.com/api/v4/projects/4/trigger/pipeline Request failed状态码400
    75

    • 相关课程

    更多
  • Java Web开发-Web应用、Tomcat、HTTP请求与响应
  • 云安全基础课- HTTP协议基础

    • 相关电子书

    更多
  • 阿里巴巴HTTP 2.0实践及无线通信协议的演进之路
  • 十分钟上线-使用函数计算构建支付宝小程序服务
  • 机器学习在互联网后端技术中的应用

    • 相关实验场景

    更多
  • 通过HTTPS加速网关快速部署网站加密
    • 下一篇
    对象存储 OSS 如何创建 bucket|学习笔记