大事件项目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 提交打包发布的代码


相关文章
|
15天前
|
安全 网络协议 网络安全
【红队APT】反朔源&流量加密&CS&MSF&证书指纹&C2项目&CDN域前置
【红队APT】反朔源&流量加密&CS&MSF&证书指纹&C2项目&CDN域前置
|
5天前
|
前端开发 JavaScript CDN
大事件项目63----cdn介绍
大事件项目63----cdn介绍
|
5天前
|
JavaScript CDN
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
|
2月前
|
域名解析 网络协议 CDN
网站接入阿里云CDN实现域名加速全流程
阿小云网站已通过ICP备案在广州节点上线,但为提升全国用户访问速度,计划接入CDN。以下是4步CDN接入教程:1) 开通阿里云CDN服务;2) 添加加速域名;3) 使用DNS解析验证域名归属权;4) 配置CNAME实现域名与CDN节点关联。详细指南见阿里云CDN官方文档。
|
2月前
|
存储 搜索推荐 Linux
CDN服务器真实地址
Discover CDN server real IP addresses using Traceroute & Whois, CDN provider logs (with provider cooperation), analyzing HTTP headers, online tools, or the ping command. Note that CDN
|
2月前
|
域名解析 网络协议 安全
阿里云CDN
本文介绍阿里云CDN产品中涉及的基本概念,便于您更准确地理解和使用CDN产品。
91 5
|
2月前
|
弹性计算 缓存 安全
【阿里云弹性计算】阿里云ECS与CDN结合:构建高性能全球内容分发网络
【5月更文挑战第26天】阿里云ECS与CDN结合打造高性能全球内容分发网络,通过ECS的弹性伸缩和安全可靠性,配合CDN的全球覆盖、高可用性及安全防护,提升访问速度,减轻服务器压力,优化数据传输。以WordPress为例,通过配置CDN域名和ECS,实现高效内容分发,提高系统扩展性和稳定性。此解决方案满足用户对访问速度和稳定性的高要求,为企业提供优质的云计算体验。
130 0
|
2月前
|
缓存 网络协议 Serverless
阿里云CDN简介和使用流程
本文档介绍了如何在阿里云上配置和使用CDN服务。首先,需要注册并实名认证阿里云账号,然后购买CDN服务。接着,添加要加速的域名,通过CDN控制台和阿里云云解析DNS进行配置,并验证CNAME设置是否生效。之后,配置源站信息,可以选择OSS域名、IP、源站域名或函数计算域名作为源站。最后,设置缓存规则,如缓存过期时间、状态码过期时间、自定义HTTP响应头等,以优化资源访问效率。
阿里云CDN简介和使用流程
|
11月前
|
弹性计算 缓存 运维
【运维知识进阶篇】用阿里云部署kod可道云网盘(DNS解析+CDN缓存+Web应用防火墙+弹性伸缩)(三)
【运维知识进阶篇】用阿里云部署kod可道云网盘(DNS解析+CDN缓存+Web应用防火墙+弹性伸缩)(三)
166 0
|
2月前
|
缓存 边缘计算 网络协议
阿里云CDN介绍
阿里云CDN介绍
38 0