昨天下午遇到一个问题,来的非常突然,中午前项目还是正常的,下午午休后打开电脑准备码代码的时候发现项目在谷歌浏览器里运行不了了。

真的是不知道问题在哪,不知道从何百度,我花了好几个小时百度搜索




我大概猜测的方向是,什么证书过期了,导致谷歌chrome浏览器报错。网上很多文章说是ssl证书过期了,其实不是,我这个项目并没有安装ssl证书,但是我一开始不知道,跟着教程在谷歌浏览器里重置之类的,全都不起作用。

然后又搜索了很多关于http和https协议的文章,大概原因是谷歌浏览器把所有HTTP标示为不安全网站,HTTPS是HTTP协议的升级版本,更为安全可靠。互联网用户和网站之间的安全连接协议被视为减少用户风险的必要措施,否则用户可能遭受窃听、中间人攻击或数据篡改。基于这个原因,如果url地址栏里有http,它会报这样的错,但是尝试后发现也不是这个原因导致的。

正在焦头烂额的时候,后端帮我看了一下,他说我98%是找错方向了。
打开控制台,network查看all,现在不报错了,我忘记截当时的图了,报错的时候都是红色的。


点击查看url,可以把整个地址复制到浏览器里打开,昨天复制之后也是打不开,没有截图

如果是正常情况的话,应该是这样,非常长,我就截了一小部分

应该就是cdn过期了,我昨天在项目里改了好些东西,涉及到cdn的都注释掉,然后项目可以正常运行了,但是只有首页,进入不了后台页面,也报了很多的错,非常的不正常。
今天上午cdn正常了,我把昨天改掉的东西又还原了,项目也能正常运行了

真的就是很无语阿,不过倒是有个感叹,遇到问题,知道怎么发现问题解决问题很重要,不然就会像我昨天下午那样,花了很多时间搜了很多无用的东西。

vue项目无法启动,谷歌浏览器报:您与此网站之间建立的连接不安全,实际是cdn服务器过期相关推荐

  1. Vue项目上线后刷新报错404问题(apache,nginx,tomcat)

    一. Vue项目打包发布apache报错: route,配置一个覆盖所有的路由情况 1.需要修改router/index.js中new Router 配置,加一个base: '/htcm_front/ ...

  2. 解决Vue项目在iOS 10 报错 “Cannot declare a let variable twice: ‘r‘”

    问题描述 如下图所示,H5页面在iPhone7P及IPhone5c(iOS 10)手机上打开白屏,使用vconsole查看报错原因是Cannot declare a let variable twic ...

  3. 接上一篇:【Vue 项目打包后访问报错:Uncaught TypeError: Cannot read property 'call' of undefined】

    上一篇:Vue 项目打包后访问报错:Uncaught TypeError: Cannot read property 'call' of undefined 其实在修改 webpack.prod.co ...

  4. Vscode的vue项目中下滑红线报错问题

    Vscode的vue项目中下滑红线报错问题 1.报错原因 代码存在语法错误(错误并不影响项目的编译运行),并且校验功能是开启状态就会出现下滑红线的报错. 2.解决方法 1)关闭校验 如果项目的校验功能 ...

  5. Vue 项目安装 scss 以及报错的解决方法 --- Window10 系统 和 Mac OS 系统

    1. 安装sass依赖 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node ...

  6. VUE项目开发启动命令

    idea导入vue项目 npm install 安装依赖包 npm run serve 启动项目 npm bulid 项目打包,在命令行界面执行 在执行这些命令的时候,需要安装node环境,可以使用 ...

  7. vue项目引入微信sdk报错记录

    前言 vue项目引入微信sdk $ npm install weixin-js-sdk --save 运行报错如下: npm install weixin-js-sdk --save下载失败显示未配置 ...

  8. vue项目 IE浏览器打开报错:strict 模式下不允许一个属性有多个定义

    VUE项目,用IE浏览器打开,浏览器报错:strict 模式下不允许一个属性有多个定义 出现这种报错,往往是代码标签里面有重复的属性,之前在Chrome下打开一直是正常的,但是换成IE11版本会报错, ...

  9. 如何知道vue项目的启动命令

    在vue项目中找到打开package.json文件,找到里面的scripts属性,看他里面如果是start,那就是npm run start..如果是dev,那就是npm run dev.

最新文章

  1. Android 自定义年月日日期选择器、时分时间选择器
  2. python - 基础算法题1- 使用while循环输入1 2 3 4 5 6 8 9 10
  3. Android开发笔记(七十二)数据加密算法
  4. 我们早上一般是七点半上班
  5. rsync数据同步工具
  6. c语言中输出值作用,printf在c语言中什么意思
  7. 树链剖分入门+博客推荐
  8. 戴尔Latitude5285笔记本触摸板失灵的原因
  9. 进程和线程常见的19个问题
  10. python多项式拟合_python中的多元(多项式)最佳拟合曲线?
  11. 又是一年WWDC,暨回顾去年之旅——Part II
  12. 轻量版verilog仿真平台:icarus verilog使用简介
  13. 使用grub4dos制作多系统启动U盘(win7、ubuntu12.04)
  14. python安装第三方库方法大集锦
  15. 血糖参考值及一般诊断标准
  16. Android操作系统安全研究系列——键…
  17. Android应用开发 00:Jetpack Compose学习 生日贺卡 图片 Compose象限 名片
  18. web of science检索技巧
  19. centos mount ntfs文件系统
  20. 三菱伺服放大器内部故障及处理方法

热门文章

  1. 我从实习到现在的经历,幸运女神总会来到!
  2. vue项目使用svg图片
  3. golang cond
  4. 几种数据增强:Mixup,Cutout,CutMix 和yolov4中的 Mosaic
  5. 《英文科技论文写作与学术报告》网课第一章作业答案
  6. PE文件学习系列二 DOS头分析
  7. gcat广告电商云南百收涉及传销新模式:社交电商消费返利
  8. 2022UI自动化测试框架搭建 —— yaml文件管理定位元素
  9. Eclipse Plungins--Pydev
  10. SDN之旅—mininet(在Windows系统上)安装