大事件项目64----打包发布_cdn地址引入,免费cdn的网站

简介: 大事件项目64----打包发布_cdn地址引入,免费cdn的网站

1、一般CND的流量是要花钱的

2、unpkg.com这个是免费的cdn的网站

3、这个怎么用呢?在这个un后面写你的包名

4、不用写冒号,直接写包名,直接写版本

5、我们看一下vue的版本

6、这个包名,要换成vue

7、这个版本,换成你的版本

8、输入上面的内容,我们直接回车就行

9、这个链接就是vue的源代码

10、这个链接我们就放到自己的html里

11、vue-router的写法

12、你想看一下这个、工程都有什么,你就写一个/,就可以看到这个网页了

13、这个网页都可以看到引入的文件

14、在这里你可以看到引入的文件

15、这个时候,前面多了一个browse叫浏览

16、把这个浏览给去掉

17、这些cdn的地址大家已经提前准备好了是、

18、这个就是cdn的地址

19、不要放到dist里,放到dist里,会将其覆盖,要将他放到index里

20、js我们放到body末尾

21、还有样式呢?引入element 和富文本编辑器的cdn的样式

22、 样式就在 head里 ,格式化对齐

23、全选,vscode 格式化对齐

24、vscode 格式化代码

25、在main.js中注释掉element-ui的样式

26、右键运行,这里能够运行吗?

27、所以记住改了public,改了src,就要重新,build打包,否则会在打包的时候,覆盖掉

28、打包之后,我们可以看到能够正常显示

29、git add 提交打包发布的代码


相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
2月前
|
缓存 监控 前端开发
利用CDN提升网站性能的技术探索
【7月更文挑战第8天】CDN作为提升网站性能的重要工具,已经广泛应用于各类网站中。通过减少延迟、加速静态资源加载、提高网站可用性和优化带宽成本等方面,CDN为网站运营者提供了全面的性能优化方案。然而,要充分利用CDN的优势,还需要合理选择CDN提供商、正确配置CDN服务以及持续优化网站内容。只有这样,才能真正实现网站性能的提升和用户体验的优化。
|
3月前
|
安全 网络协议 网络安全
【红队APT】反朔源&流量加密&CS&MSF&证书指纹&C2项目&CDN域前置
【红队APT】反朔源&流量加密&CS&MSF&证书指纹&C2项目&CDN域前置
|
3月前
|
前端开发 JavaScript CDN
大事件项目63----cdn介绍
大事件项目63----cdn介绍
|
3月前
|
JavaScript CDN
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
|
3月前
|
域名解析 网络协议 CDN
网站接入CDN全流程,共4步!
阿小云网站已通过ICP备案,但因广州节点导致全国访问速度不佳,计划接入CDN以提升速度。以下是接入阿里云CDN的四步流程:1) 开通CDN服务;2) 添加加速域名;3) 验证域名归属权;4) 配置CNAME解析。详细指南见阿里云CDN页面:
216 0
|
1天前
|
安全 CDN
阿里云CDN产品解读及全站加速在游戏行业的最佳实践!
阿里云CDN(内容分发网络)为全球用户提供快速、稳定、安全的内容分发加速服务,显著提升访问响应速度和成功率
|
4月前
|
域名解析 网络协议 安全
阿里云CDN
本文介绍阿里云CDN产品中涉及的基本概念,便于您更准确地理解和使用CDN产品。
119 5
|
4月前
|
域名解析 网络协议 CDN
网站接入阿里云CDN实现域名加速全流程
阿小云网站已通过ICP备案在广州节点上线,但为提升全国用户访问速度,计划接入CDN。以下是4步CDN接入教程:1) 开通阿里云CDN服务;2) 添加加速域名;3) 使用DNS解析验证域名归属权;4) 配置CNAME实现域名与CDN节点关联。详细指南见阿里云CDN官方文档。
192 2
|
弹性计算 缓存 运维
【运维知识进阶篇】用阿里云部署kod可道云网盘(DNS解析+CDN缓存+Web应用防火墙+弹性伸缩)(三)
【运维知识进阶篇】用阿里云部署kod可道云网盘(DNS解析+CDN缓存+Web应用防火墙+弹性伸缩)(三)
196 0
|
4月前
|
弹性计算 缓存 安全
【阿里云弹性计算】阿里云ECS与CDN结合:构建高性能全球内容分发网络
【5月更文挑战第26天】阿里云ECS与CDN结合打造高性能全球内容分发网络,通过ECS的弹性伸缩和安全可靠性,配合CDN的全球覆盖、高可用性及安全防护,提升访问速度,减轻服务器压力,优化数据传输。以WordPress为例,通过配置CDN域名和ECS,实现高效内容分发,提高系统扩展性和稳定性。此解决方案满足用户对访问速度和稳定性的高要求,为企业提供优质的云计算体验。
155 0

热门文章

最新文章