node+react实现打包后静态资源自动上传到cdn

本文介绍了如何使用Node.js自动化将React应用的静态资源上传到腾讯云对象存储,并通过CDN加速访问。详细步骤包括创建存储桶、获取密钥、遍历并上传文件、修改项目中静态文件的指向以及设置自动化部署。
摘要由CSDN通过智能技术生成

1. 对象存储

对象存储类似云盘,可以将一些小文件存储进去,并暴露出来外链,配合cdn之后访问非常快。我们的目标就是把网站的css、js、图片等其他一些资源上传进去,再通过cdn来加速访问。

这里我使用到的是腾讯云的对象存储:console.cloud.tencent.com/cos

1.1 新建存储桶

首先新建一个存储桶

选个离自己近的地域,起个名称,先选择公有读私有写。然后一路下一步就行。

1.2 上传文件

点进刚刚建好的存储桶,随便上传一个文件,我传了一个图片

1.3 查看域名

存储桶列表,找到刚刚建好的存储桶,点配置管理,可以看到我们的访问域名

访问域名+文件路径 就可以访问到我们上传到存储桶的资源

可以直接访问测试一下

2. node自动上传

我们可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值