前端部署 访问太慢? 试试使用阿里镜像对象OSS部署 还能加速

前言

          公司前端代码每次打包后重新部署,然后客户访问都会白屏很长时间

          目前部署方式:把前端打包好的代码放到服务器(linux)目录下,然后通过nginx转发出去,当nginx映射的目录特别多,或者服务器宽带不大的时候,每次重新部署,访问起来都会白屏一段时间

          通过学习,可以通过阿里对象OSS部署前端代码,并且还可以进行加速解析,实现解决前端代码白屏问题

      (前提要有一个已经备案过的域名)

一、阿里对象存储OSS准备

1、申请阿里对象OSS

登录账号,选择控制台

2、选择OSS

3、新建Bucket

创建Bucket

新建bucket时,bucket名称不能多试几次,可能有重复的,读写权限一点不能使用私有

这里我已经创建过了,不再创建了

5、查看bucket列表

6、点击此bucket,进入bucket

这里是我已经上传好的静态文件。

7、开启oss加速

点击设置,这里我已经开启完成加速。

 

以上,阿里对象OSS已经准备完成,下面传输文件

二、上传前端打完的包

1、阿里提供的有个工具,可以专门连接阿里OSS存储

2、下载完之后并且解压后

3、双击启动

4、输入这两个就可以了

5、选择创建的bucket

通过以上两个功能上传文件和目录

 

至此,阿里oss中已经存在前端代码,下一步关联上自己备案号的域名

三、关联域名

1、同样从这两个位置可以找到域名的位置

2、创建二级域名(也可以使用一级域名)

添加记录的时候,记录值需要到对象oss的bucket中,找到cibucket的外网访问域名

在这里会有bucket的外网访问域名,复制下来

然后咱们接着新建二级域名

这里创建完之后 二级域名就新建成功了

 到此,基本都已经完成了,不过还需要再稍微配置一下对象oss

四、对OSS进行最后的配置

1、设置域名(这个域名就是第三步创建的二级域名

2、设置静态网页

在这里设置一下静态页面

 

到这里,所有的配置已经结束

 

下面直接访问你的二级域名吧,就可以直接访问你的页面了,并且页面显示速度还是非常快的。

http://share.huigouiot.com/  这个是我配置好的 

 

希望此文档对你有所帮助

 

 

 

 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值