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

合集 - Vue大杂烩(13)

1.【Vue】数据代理2022-01-242.【Vue】Vue脚手架安装搭建2022-02-283.【Vue】学习笔记：Vue组件2022-09-234.【前端】【Vue】Vue3自适应瀑布流解决方案2022-08-02

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

6.【Vue】Vue项目创建的两种方式2022-04-257.【UI框架】ANtDesignVue中的Content超过一页显示问题2024-01-278.【Vue】vite+vue3 如何实现点击进入详情页/文章页2024-01-169.【Vue】前端直接显示MySQL Datatime时间，显示为英文如何处理2024-01-1410.【Vue】vue项目搭建、ES6的简单使用（大觅）2022-09-2311.【Vue】vue基础学习笔记2022-09-2312.2024年1月Java项目开发指南10：vite+Vue3项目创建2024-01-2513.2024年1月Java项目开发指南15：vue3+AntDesignVue 设计页面2024-01-26

收起

问题

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">

注意

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