Vue element-admin 访问后端服务(blocked:mixed-content)

一：最近做公司的一个vue项目，主页和详情页两个页面组成的一个vue项目。项目比较简单，主要是记录在项目中遇到的一些坑； ## 打包用oss上传到服务器，这里遇到了一个问题困扰了我两天时间。组长说oss不支持node环境的，需要线上配置，我什么都试过了，还是不行-_-； ## 在复制了oss生成的网址后，访问竟然是下载！！这又让我很难受查找了很多终于有了一点眉目（还是太年轻了），需要index.j...

解决Mixed Content:the page at‘https://’ was loaded over HTTPS,but requested an insecure resource ‘http://’查资料后发现原因是在https中请求http接口或引入http资源都会被直接blocked（阻止），浏览器默认此行为不安全，会拦截。在页面中加上此meta标签，原理是使用META标签强制将http请求转成https(SSL协议)请求。public/index.html里面加入此行代码。

blocked:mixed-content其实浏览器不允许在https页面里嵌入http的请求，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台上打印一条错误信息。一般出现这个问题就是在https协议里嵌入了http请求，解决方法如下。直接设置谷歌浏览器允许不安全内容。

最近在部署项目时，遇到了好几次 部署到线上后 访问接口出现 mixed-content 报错，但是在本地部署是没有这个问题的，所以将这个问题记录下来。

浏览器报Mixed Content错误的解决方案

vue项目高德地图引入https相关报错vue项目中高德地图引入相关问题原因和解决方案 vue项目中高德地图引入相关问题 公司年前一个vue项目一期，其中有个数据可视化模块引入了高德地图，年前发布正式环境的时候，运维是没有配置http的，所以相关问题没有暴露出来。 今天突然领导在使用这个项目的时候，点开对应的数据可视化模块时，页面处理空白加载状态。下面就直接给出一个排查思路吧。 原因和解决方案 排查流程（虽然上面已经直接说出了问题所在，下面还是重头记录下流程吧） 1、测试首先跟进处理，先排查账号的权限问题。

最近有个别同事提出浏览器通过域名访问内部系统时，出现网络错误，无法登录内部系统，但其他同事仍然正常的，并无不妥。通过对他们浏览器运行检查时发现，网络状态报(Chrome下会显示已屏蔽再对访问路径仔细对比发现出现问题的同事，都使用了https进行访问，更改为http访问后恢复正常。

问题截图 问题分析 今天，多个接口突然出现block:mixed-content 错误，于是排查了一下发现： 错误：https页面去发送http请求报错(浏览器阻止https发送http请求) 原来是由于项目改成了https协议的缘故，出现了请求被拦截； 其实是浏览器不允许在https页面里嵌入http的请求，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台...

运行vue-element-admin概述官方地址解析安装步骤进入项目目录使用npm安装依赖运行项目弹出防火墙访问http://localhost:9527 概述 在本地运行vue-element-admin时： 需要安装node.js(提供项目运行环境) 配置node-sass(提供项目运行环境) 安装git(获取项目的方式) 官方地址 https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#安装 # 克隆项目 git clone ht

一 element-ui打包后组件显示方框解决方式   在我们对vue项目进行打包的时候,会遇到一些组件问题,比如说分页组件的箭头,下拉框组件的箭头打包完成后会出现方框显示的问题.具体解决办法如下： 1 找到项目底下build/utils.js文件 2 添加 publicPath: ‘…/…/’ 二 axios请求跨域问题                      ...

前端请求状态为blocked:mixed-content解决方法

今天写一个预约页面 收不到短信验证码 报Mixed Content错误 最后找到原因： 出现了 http和https混用的情况 正常来说一个网页中要么全部使用http，要么全部使用https 但是偶尔有些不完善的库自己会写死了调用的链接。 这里写图片描述 将http修改为https后 另外 一个简单的方法是在网页的head下加入下面这句 这将会把http请求转化为https请求。这样就不会再出现Mixed Content的错误了。 ...

介绍地址https://panjiachen.github.io/vue-element-admin-site/zh/guide/ vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型...

在https网站请求http，提示block:mixed-content问题

1、请求连接报错 block:mixed-content 2、问题所在 浏览器不允许在https页面里嵌入http的请求 3、处理方案 （1）将后台服务都进行https升级，前端代码将http连接改为https （2）如果前端页面太多http，可以在页面head中设置请求自动升级 <meta http-equiv="Content-Security-Policy" content="upg...

vue-element-admin 使用中遇到的问题 报错： No matching version found for JSV@^4.0.x. 解决办法： 换成官方源 ： npm config set registry https://registry.npmjs.org/ 问题2： -

分析解决由于SpringSecurity原因，导致http请求莫名重定向至 http://xxx:port/login的问题