前后端分离,不在同一服务器上部署,报错“strict-origin-when-cross-origin”解决
基础设施
前端服务器:配置了https,并且暴露在公网,配置了域名
后端服务器:没有配置https,与前端服务器在同一子网内
报错复现
strict-origin-when-cross-originchunk-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头部加入如下内容即可
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
前后端分离,不在同一服务器上部署,报错“strict-origin-when-cross-origin”解决相关推荐
- 前后端分离项目在windows服务器上部署
后端为springboot框架,前端为vue框架,服务器为windows2008server R2系统. 后端部署 首先将项目打包,由于开发环境使用IDEA编码,可以直接使用IDEA的打包功能.点击右 ...
- 前后端分离,使用AppNode管理前端部署-安装
前后端分离,使用AppNode管理前端部署-安装 什么是AppNode 安装 什么是AppNode AppNode是一款Linux 服务器集群管理面板软件.它基于 Web 页面进行可视化操作,帮助 L ...
- 【vue打包】线上部署报错net::ERR_ABORTED 404 (Not Found)
文章目录 一.问题: 二.分析: 三.解决: 四.扩展: 一.问题: 线上部署报错net::ERR_ABORTED 404 (Not Found),但本地部署到nginx里面却没问题 二.分析: pu ...
- .vue文件_Spring Boot + Vue 前后端分离,两种文件上传方式总结!
在Vue.js 中,如果网络请求使用 axios ,并且使用了 ElementUI 库,那么一般来说,文件上传有两种不同的实现方案: 通过 Ajax 实现文件上传 通过 ElementUI 里边的 U ...
- laravel + Vue 前后端分离 之 项目配置- 生产环境部署
几日之后,开始部署 生产环境, 有兴趣的同学可以先看一下laravel + Vue 前后端分离 项目配置 开发环境,好了,废话少说,开始总结 部署过程中的问题:https://blog.csdn.ne ...
- 项目部署到服务器上500报错
很多友友们的项目在本地很完美,可是一上服务器就各种报错,经常出现的一个就是500. 500报错范围很大,各种各样的错误都可能存在,最简便的方式就是将Debug调回True,页面就显示报错了. 还有一个 ...
- p6 软件 服务器没有项目了,前后端分离项目一台服务器上线
一.购买服务器 这里有几点注意 选择配置 linux 系统的时候最好选择centos7+不要选择centos6+ 配置开发端口最好把常用端口打开以及运行端口最好多开几个防止后续nginx 启动网页没法 ...
- Spring Boot + Vue 前后端分离,两种文件上传方式总结
在Vue.js 中,如果网络请求使用 axios ,并且使用了 ElementUI 库,那么一般来说,文件上传有两种不同的实现方案: 通过 Ajax 实现文件上传 通过 ElementUI 里边的 U ...
- 前后端分离的项目部署到tomcat_前后端分离后,tomcat服务器部署和发布
打包服务端: IDEA打开项目,等待项目初始化完成,点击Build- Build Artifacts,进行打包 image.png 点击之后会出现下面这个小窗口,选择红框中部分: image.png ...
- Java前后端分离项目生成二维码链接带中文参数遇到的问题及解决办法
遇到的问题 最近项目做二维码分享链接过程中遇到了个小问题,使用Java后端生成二维码链接时,当拼接的参数中带有中文,使用手机浏览器扫码正常,但是用微信扫码,url中的中文被和谐掉了,导致页面显示有问题 ...
最新文章
- 使用Movie Maker制作视频相册
- 【FTP】FTP 命令模式下 PASV OR PORT
- PooledByteBuf源码分析
- spring boot几个初始配置文件
- python统计及格不及格人数_Python一次输入多个值(列出存储信息),python,一次性,数值,列表...
- Java中使用开源库JSoup解析HTML文件实例
- IROS2020 | 鲁棒全景视觉惯性导航系统ROVINS
- flashback query闪回数据
- (附源码)计算机毕业设计SSM餐厅订餐系统
- Elsevier论文模板没有author biography的解决办法
- SpringBoot面试题一网打尽
- flac格式歌曲如何转换成mp3格式,flac转mp3详细图文教程
- Network (哈工大网课笔记)
- L1-040 最佳情侣身高差
- 华为招聘Java程序员笔试试卷(一)
- 电机驱动芯片替换传统驱动器方案
- 怎样创建网页快捷方式,用非默认浏览器打开该网页
- ctfshow 反序列化篇(下)
- 【BZOJ1132】【POI2008】Tro 计算几何 叉积求面积
- Module not found: Error: Can‘t resolve ‘less-loader‘ in ‘文件位置‘报错解决