当前位置: 首页 > Web前端 > vue.js

Day31-100Vue3项目使用CDN加速

时间:2023-03-31 16:20:50 vue.js

(1)所需项目首屏加载慢,低峰8.7s,高峰甚至反馈60s+。(2)Vue-cli本身针对webpack打包优化的原因。慢,因为项目做了负载均衡+nginx做了限流。(原因是防止DDOS攻击,这里还是需要优化)。由于打包后是静态文件,所以想到了用CDN加速。(3)步骤1.之前修改vue.config.js文件导出文件路径,服务器上使用的是相对路径。再次打包后,需要在项目路径中加入CDN的绝对路径。module.exports={publicPath:'OSS路径',//生产环境}2.打包上传到OSS上传除index.html文件以外的其他文件到OSS。3.将index.html文件上传到服务器相应路径下,最后的结果效果还是比较明显的。首屏从8.73秒加载到1.75s~嘿嘿,虽然领导不怎么关注,但是收获的却是自己的。Vue3首屏加载还有其他解决方案。我之前做过一些优化,这不是我的主要问题。有兴趣的同学可以看参考链接。参考链接https://juejin.cn/post/691353...