前端，vue-cli3使用cdn的方式引入第三方资源库，如何在cdn挂掉的时候又使用本地资源？

Question

过年期间某个项目因为用了cdn引入第三方资源，部分cdn出现了挂掉的情况

因为引入的第三方资源较多，所以还是不能舍弃cdn这个方式

想请问如何

优先判断cdn是否请求正常，正常则引入cdn

不正常则引入本地打包的资源

搜了下有过类似的解决办法
https://blog.csdn.net/weixin_...

但感觉并不使用于vue项目

请问使用vue-cli3要如何配置才能达到上述效果呢？

Answer 1

项目小的话建议不实用cdn 这样稳定性比较好，只不过首次加载慢点、如非要使用cdn可使用腾讯或者阿里收费的都是比较稳定的 第三方的cdn很容易被黑

Answer 2

增加onerror监听呗。当然你得注意js执行顺序的问题。

Answer 3

给个非技术层面的建议：

如果 CDN 这么容易挂，那是不是考虑换个 CDN 服务商，更靠谱？

事实上稍微知名度高的 CDN 都不会轻易挂掉。如果确实负载大，可以考虑使用多个 CDN 进行负载均衡的。