[从入门到入土(后端篇)]四,前端项目部署(oss)

上一篇介绍了用nginx部署前端项目,有人会问,这一顿操作猛如虎,结果还是出现好多问题,有没有更加简单的方式?
当然有,就是利用oss部署。

1. 前期准备

首先我们要准备一个oss,什么是oss?之前的文章有写过,大家可以先去看看。

[从入门到入土(前端篇)]五,上传文件到OSS(一)

  • 1.新建一个Bucket (权限变更为公共读)

4.png

  • 2.将打包后的项目文件上传到OSS上
    5.png

网页上的上传不能上传文件夹,所以需要oss的客户端软件,在oss首页也可以找到下载地址

6.png

2. 静态界面设置

我们进入刚创建的 Bucket,选择基础设置/静态页面

7.png

设置静态页面相关参数

8.png

3. 跨域设置

9.png

到这里oss相关设置就完成了

4.域名解析指向该oss地址

我们进入域名管理,添加一条解析记录

10.png

    1. 主机记录,可以为www,也可以是自己的自定义二级域名
    1. 记录类型,选择CNAME,应为指向的是oss地址
    1. 记录值,需要填写我们建立的Bucket地址,在该Bucket的概览里可以看到
      11.png

5.完成!

当都设置好后,就可以通过域名访问该网页啦,是不是非常简单。

不过对比nginx来说,oss不能设置前端跨域,必须由后端允许跨域。

当然oss也有好处,可以加快用户的访问速度~还可以设置cdn加速。

前端部署就写到这里,接下来就是后端项目部署了,respect~

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐