前后端分离,不在同一服务器上部署,报错“strict-origin-when-cross-origin”解决

这篇具有很好参考价值的文章主要介绍了前后端分离,不在同一服务器上部署,报错“strict-origin-when-cross-origin”解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

基础设施

前端服务器:配置了https,并且暴露在公网,配置了域名
后端服务器:没有配置https,与前端服务器在同一子网内

报错复现

strict-origin-when-cross-origin

chunk-libs.c13a1b18.js:51 Mixed Content: The page at 'https://xxx.xxx.com/#/login?redirect=%2Fdashboard' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://xxx.xxx.com/api/user/login'. This request has been blocked; the content must be served over HTTPS.

问题原因

http、https混合使用导致;
网站用的是 https 要跳转到 http 请求,被浏览器阻止了

解决方案1

后端也使用https

解决方案2

在调用http服务的html页面中的head头部加入如下内容即可文章来源地址https://www.toymoban.com/news/detail-536811.html

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

到了这里,关于前后端分离,不在同一服务器上部署,报错“strict-origin-when-cross-origin”解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • SpringBoot前后端分离项目,打包、部署到服务器详细图文流程

    1.修改MySQL配置 修改MySQL地址,修改需要部署的数据名,账号和密码 2.修改Redis配置 修改Redis地址,修改需要部署的Redis密码(如果需要的话) 3.修改日志路径和字符集配置 修改logback.xml中日志的保存地址 重新设置日志字符集(防止放到服务器上去之后日志出现乱码) 1.上传前

    2024年02月13日
    浏览(61)
  • 【后台部署】Windows服务器部署RuoYi-Vue前后端分离项目

    一、Ruoyi-Vue前后端分离项目结构 二、Redis部署 1、下载Windows版本Redis 2、解压缩到安装目录 3、在安装目录栏输入cmd,按回车键 4、将Redis绑定为 Windows 服务,设置为后台启动 或者 5、常用命令 启动服务 停止服务 卸载命令 6、停止和启动也可以通过页面来操作 右键 此电脑 --管

    2024年02月13日
    浏览(41)
  • 若依springboot+vue前后端分离系统部署到腾讯服务器教程

    前后端分离的开发模式在现代web应用开发中越来越流行,它可以提高开发效率、降低维护成本、提高系统的可扩展性和可维护性。而腾讯云作为国内领先的云计算服务提供商,为开发者提供了稳定、高效、安全的云计算服务,为前后端分离应用的部署提供了良好的解决方案。

    2024年02月04日
    浏览(60)
  • Spring Boot+Vue前后端分离项目如何部署到服务器

    🌟 前言 欢迎来到我的技术小宇宙!🌌 这里不仅是我记录技术点滴的后花园,也是我分享学习心得和项目经验的乐园。📚 无论你是技术小白还是资深大牛,这里总有一些内容能触动你的好奇心。🔍 🤖 洛可可白 :个人主页 🔥 个人专栏 :✅前端技术 ✅后端技术 🏠 个人

    2024年04月11日
    浏览(44)
  • ruoyi若依前后端分离版部署centos7服务器(全)

    VMware虚拟机 centos7 安装环境如下 一、msql 5.7 二、nginx1.23.3 三、java8 四、redis 3.2.1 五、部署若依前端 六、部署若依后端 前言 虚拟机的桥接与nat模式 : 重点 重点!!! 无线不可以用桥接模式 ,而你用了nat模式会导致除了宿主机跟虚拟机外 同一个路由器下其他设备访问不到 !

    2024年02月02日
    浏览(60)
  • Windows服务器,通过Nginx部署VUE+Django前后端分离项目

    基本说明 安装 Nginx 部署 VUE 前端 部署 Django 后端 Django admin 静态文件(CSS,JS等)丢失的问题 总结 本文介绍了在 windows 服务器下,通过 Nginx 部署 VUE + Django 前后端分离项目。本项目前端运行在 80 端口,服务器端运行在 8000 端口。因此本项目使用 Django 的 runserver 命令进行部署

    2024年02月05日
    浏览(54)
  • 解决前后端分离Vue项目部署到服务器后出现的302重定向问题

    最近发现自己开发的vue前后端分离项目因为使用了spring security 安全框架,即使在登录认证成功之后再调用一些正常的接口总是会莫名奇妙地出现302重定向的问题,导致接口数据出不来。奇怪的是这个问题在本地开发环境并没有,而是部署到了服务器之后才会有。 接口无法加

    2024年02月13日
    浏览(41)
  • (一)专题介绍:移动端安卓手机改造成linux服务器&linux服务器中安装软件、部署前后端分离项目实战

    总体概述: 本篇文章隶属于“手机改造服务器 部署前后端分离项目”系列专栏,该专栏将分多个板块,每个板块独立成篇 来详细记录:手机(安卓)改造成个人服务器(Linux)、Linux中安装软件、配置开发环境、部署JAVA+VUE+MySQL5.7前后端分离项目,以及内网穿透实现外网访问等全过

    2024年02月04日
    浏览(43)
  • flask+Python+Vue实现前后端分离的web项目并部署至云服务器

    1 后台+算法模型 1.1 训练机器学习模型 1.2 基于Flask框架搭建后台接口 注意:前后端跨域问题,可引入CORS解决,具体如代码: 2 前端搭建 3 云服务器部署 详细设置教程可参考linux CentOS 宝塔面板安装设置教程 安装Nginx和python项目管理器,后续可在面板上操作,完成项目打包上传

    2024年02月07日
    浏览(54)
  • 在centos服务器中完成jdk,tomcat,MySQL的安装以及前后端分离项目中后端的部署

    目录 一. jdk,tomcat的安装 1.将要安装的软件压缩包放入到centos服务器上  2. 解压对应的安装包 3. jdk环境变量配置 4. tomcat启动 5. 关闭防火墙  二. MySQL安装 1. 卸载mariadb,否则安装MySql会出现冲突(先查看后删除再查看) 2. 将MySQL安装包解压到指定目录 3. 开始安装,-ivh 其中i表示

    2024年02月06日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包