cdn.jsdelivr挂了,前端访问出错,解决方案。

博客讲述了在2022年5月17日遇到的一个Vue项目因无法请求到vue.js的CDN资源而挂掉的问题。作者建议避免完全依赖公共CDN,并提供了三种解决方案:1) 使用本地存储或搭建本地服务器;2) 切换到阿里云的免费CDN服务;3) 替换为unpkg.com或其中国镜像。通过修改vue.config.js中的配置来实施这些方案。
摘要由CSDN通过智能技术生成

2022.5.17号,发现有个项目挂了,进不去。请求不到vue.js的源文件。

因为框架原因,挂掉的是一个使用开源的项目。其他没有使用cdn加速服务的项目,没有问题。
很多开源的框架,经常使用cdn服务,因为它所有公开的javascript npm包和github仓库,都可以使用jsdelivr来作为静态资源服务器,而且免费、超快!。
但发生这种事情,我还是建议大家不要用了。
在这里插入图片描述

挂载地址,一般在vue.config.js的基本配置里
在这里插入图片描述
解决方案:

方案一:(推荐) 解决快速

使用本地存储 或者 搭建本地服务器 存储资源
然后将 cdn.jsdelivr.net 替换成本地的路径。
我是用的本地存储,直接放在public里了。(没有跨域问题,简单方便还快速)
在这里插入图片描述
可以使用本地服务器。放在自己公司里。记的同源策略,小心跨域。
在这里插入图片描述

方案二:

将cdn链接替换为阿里的cdn链接,免费的!
步骤:
1.创建阿里云账号
2.进入云空间,左侧点击“云存储”
3.将资源文件上传文件后,点击“详情”,复制链接
4.将cdn链接替换为阿里的cdn链接

方案三:

若使用的是 npm 库,则可使用 unpkg.com 进行替换
当然,也可以使用中国镜像 unpkg.zhimg.com
实例:cdn.jsdelivr.net/npm 替换为 unpkg.zhimg.com

全局搜索 cdn.jsdelivr.net/npm 替换为 unpkg.zhimg.com
unpkg.zhimg.com 是国内镜像,目前是可以使用的。

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值