vue部署gitee后在线资源不可用

最新推荐文章于 2023-05-29 15:45:41 发布
最新推荐文章于 2023-05-29 15:45:41 发布
阅读量228 收藏
点赞数
文章标签： vue bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52400118/article/details/115403948
版权

报错：

Mixed Content: The page at 'https://gu_eu.gitee.io/blog/' was loaded over HTTPS, but requested an insecure plugin resource 'http://music.163.com/song/media/outer/url?id=447925558.mp3'. This request has been blocked; the content must be served over HTTPS.

解决方案
http-equiv=“Content-Security-Policy” content=“upgrade-insecure-requests”

在线地址链接 是http://
但是部署gitee后，强制使用了https://
所以将在线资源地址改为https://即可

gu_eu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli3项目打包后，静态资源请求失败
黄沙客栈
05-20 3115
今天打包vue-cli3时，扔到服务器上面发现所有的资源都请求失败了，然后去根目录找配置文件，发现没有vue.config这个文件，只有一个babel.config.js这个文件，于是自己创建了一个vue.config文件如下： module.exports = { // 基本路径 publicPath:"./", // 可以设置成相对路径，这样所有的资源都会被链接为相对路径，打出来的包可以被部署在任意路径 outputDir:"dist", //打包时生成的生产环境构建文件的目
【报错解决】【Vue】与后端交互时，http与https跨域问题
萌狼蓝天の技术栈
06-06 4563
问题 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...
[跨域问题]使用https调用http接口时,会阻拦的错误提示,解决方案如下
AsiWorld的博客
06-10 7435
问题描述 最近在使用vue做前端,调用后端的登录接口,但是前后端分离+cookie登录状态判断就会产生超级难搞的问题,首当其冲的就是解决安全证书的问题 于是我使用了vue的https devserver选项做了一个非安全证书的https 但是当我调用http登录接口的时候发现报错了 具体内容如下 edge 报错 Mixed Content: The page at ‘https://localhost:8080/’ was loaded over HTTPS, but requested an ins
解决Mixed Content:the page at‘https://‘ was loaded over HTTPS,but requested an insecure resource ‘http
weixin_45816407的博客
05-29 1万+
解决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里面加入此行代码。
详解基于Vue，Nginx的前后端不分离部署教程
10-17
主要介绍了详解基于Vue，Nginx的前后端不分离部署教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
本文将详细介绍如何解决Vue3项目打包后部署到服务器请求不到后台接口的问题。 首先，我们要理解问题的根本原因。在本地开发时，我们通常会使用Vue CLI的`vue.config.js`配置文件中的`devServer.proxy`选项来设置...
Docker部署SpringBoot+Vue前后端分离项目
02-14
前后端项目和配置文件
Vue前端项目部署IIS的实现
10-15
然而，为了让非开发人员能够方便地访问和展示基于Vue的项目，我们需要将这些项目部署到服务器上。Windows操作系统内置的Internet Information Services（IIS）是一个常用的Web服务器，特别适合这种场景。本文将详细...
Vue打包部署到Nginx时,css样式不生效的解决方式
10-15
在Vue项目开发中，使用Vue CLI构建应用后，通常会通过`npm run build`命令生成一个用于部署的dist目录。然而，在将这个dist目录部署到Nginx服务器时，可能会遇到CSS样式不生效的问题。这个问题通常与静态资源的路径...
Mixed Content: The page at ‘＜URL＞‘ was loaded over HTTPS, but requested an insecure script ‘＜URL＞‘.
记录和分享属于我的“IT”时光
05-10 1万+
报错信息： Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure script ‘’. This request has been blocked; the content must be served over HTTPS. 出错原因： 因为谷歌浏览器对于https链接会自动屏蔽不安全的http链接，就是所谓的Mixed Content。HTTPS页面里动态的引入HTTP资源时，比如引入一个js文件，
Mixed Content: The page at ‘＜URL＞‘ was loaded over HTTPS, but requested an insecure frame ‘＜URL＞‘...
java小白翻身
04-16 8505
在添加了SSL证书的HTTPS中引入用HTTP的链接，就报错，请求协议的不同导致的 所有有关https带有http的文件或者链接例如：images / js等文件都会报请求 “网页的“ < url > ”是通过 HTTPS 加载的，但是请求一个不安全的帧“ < url > ”。此请求已被阻止; 内容必须通过 HTTPS 提供。” 解决方法： 第一种：查看http的文件，放到https路径中，引入方式添加https 第二种 页面的head中加入： <.
Vue 项目部署到GitHub Pages并同步到Gitee Pages
Marco创作间
01-04 1万+
本文给大家介绍的是如何将 vue-cli 3.0+项目部署到github pages 并同步到 gitee Pages上。
This request has been blocked; the content must be served over HTTPS.
嘻嘻哈哈
05-30 5265
相对协议对于同时支持HTTPS和HTTP的资源，引用的时候要把引用资源的URL里的协议头去掉，浏览器会自动根据当前是HTTPS还是HTTP来给资源URL补上协议头的，可以达到无缝切换。iframe方式使用iframe的方式引入HTTP资源，然后将这个页面嵌入到HTTPS页面里就可以了。用meta升级HTTP请求在页面的head标签中加入 meta http-equiv=”Content-Secur...
网页访问报错This request has been blocked; the content must be served over HTTPS.
热门推荐
yan_dk的专栏
07-01 3万+
问题：网页有时访问https网站，由于网站中一些资源是http的，网页执行会报错“This request has been blocked; the content must be served over HTTPS.”，chrome浏览器审查元素可以看到。 解决： <meta http-equiv="Content-Security-Policy" content="upgrade...
将 Vue CLI 静态资源部署至gitee上的坑
weixin_43845044的博客
06-15 941
官方文档 写的非常好！！！照着做基本没问题！！！（至少我第一次用的时候没问题） 后来，我把项目重新改了改，也不知道是动到了哪~，打包以后，用serve -s dist本地查看dist就报了这几条错误。我寻思着前前后后，我改动过的配置，就是引入ant design vue的时候，在vue.config.js里添加了less loader的规则，难道~？算了，说正经的 报错原因如下： 在vue.config.js里，对publicPath进行了如下配置，在本地环境中，这个 JS 的路径是不存在的！但是在 G
Vue项目发布到github Page步骤
虾米俊的专栏
08-30 2731
新建仓库，在setting中设置github Page开启一、手动写的Vue项目： 直接将index.html上传至根目录。二、通过vue-cli创建的项目： 修改config/index.js里的assetsPublicPath字段。改为./npm run build打包。将生成的dist目录中的文件上传到仓库根目录。访问https://用户名.github.io/仓库名
使用Gitee Pages服务 搭建Vue项目
LitongZero的博客
03-05 8572
使用Gitee Pages服务 搭建Vue项目 1.背景 1.Gitee（GitHub） Pages 服务作为一个页面容器，可以说是非常方便了。我们可以在上面免费部署前端项目。 2.并且同时获得一个附带.gitee.io（github.io）的网址。 3.其他优点就不再赘述，可自行百度。 2.Gitee Pages的介绍 具体可以看这个网址Gitee Pages官方介绍 3.上传自己的项目到G...
vue部署后app.js找不到
最新发布
06-10
如果在部署后访问应用时，发现浏览器控制台提示“app.js找不到”或“404 not found”的错误信息，可能是以下原因导致： 1. 部署时未正确打包静态资源。可以检查部署时是否执行了打包命令（如“npm run build”），...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值