前端项目使用aliyun OSS手动部署

一时失言乱红尘 2022-12-01 14:29 106阅读 0赞

## 购买OSS ##

[购买OSS标准服务套餐][OSS]后进入[OSS管理控制台][OSS 1]

![image.png][]

## 创建Bucket ##

![image.png][image.png 1]

## 设置Bucket为网站 ##

![image.png][image.png 2]

填写网站的首页，注意路径必须是根目录下的

![image.png][image.png 3]

## 上传网站资源 ##

![image.png][image.png 4]

## 配置域名访问 ##

![image.png][image.png 5]

## 修改Bucket读写权限为公共读 否则无法访问 ##

![image.png][image.png 6]

## 测试结果 ##

![image.png][image.png 7]

齐活。

免费配置Https证书下次介绍

这次真是干货啊，没有一句废话。

友情提示，一直OSS的访问都是要钱的。不用的时候设置为私有比较好。

[OSS]: https://common-buy.aliyun.com/?spm=5176.7933691.1309819..25502a66amfMYU&commodityCode=ossbag&request=%7B%22region%22%3A%22china-common%22%7D#/buy
[OSS 1]: https://oss.console.aliyun.com/overview
[image.png]: /images/20221123/777b8704908f42d3b007fe2a4578261d.png
[image.png 1]: /images/20221123/12f928793f4a4dcdb44e5debddacaf99.png
[image.png 2]: /images/20221123/056601e7ea7342d7bb2005c81629d1e6.png
[image.png 3]: /images/20221123/b9aa71b0c90349c8aebc3968581f6717.png
[image.png 4]: /images/20221123/ec38165aea9e43fd98ddfa1dadcd1c06.png
[image.png 5]: /images/20221123/b7eef9839ac747fc833e3228af07b7db.png
[image.png 6]: /images/20221123/742002430dc54f25a224da56ec95b026.png
[image.png 7]: /images/20221123/a6c4cb8468df4e3b87926cc3f95f6ffa.png

发表评论取消回复

表情：

评论列表（有 0 条评论，106人围观）

还没有评论，来说两句吧...

相关阅读

相关前端部署项目

点击链接打开前端部署项目的流程][Link 1] [Link 1]: https://blog.csdn.net/weixin_43606158/article/de...

墨蓝/ 2024年04月17日 19:36/ 0 赞/ 86 阅读

相关 Linux3使用Nginx部署前端项目

目录一、Nginx介绍二、Nginx使用三、部署前端项目 -------------------- > 前言： > > 我们上次成功使用Linux部署了后端项

小灰灰/ 2024年04月01日 09:17/ 0 赞/ 90 阅读

相关测试平台项目部署二（手动部署改成Dockerfile）

![在这里插入图片描述][940490f5f81f4e4684ed58060a41cf5e.webp_pic_center] -------------------- 测

我会带着你远行/ 2024年03月26日 23:07/ 0 赞/ 78 阅读

相关测试平台项目部署一（手动部署）

![在这里插入图片描述][1d9e33c0e3554fe0a7fcd70e72e08183.webp_pic_center] -------------------- 手

╰半夏微凉°/ 2024年03月09日 01:58/ 0 赞/ 95 阅读

相关使用Nginx的Docker镜像部署前端项目

目前项目开发方式基本采用前后端分离的方式。前端作为一个独立的项目，一般是使用Webpack方式进行编译打包生成 dist 目录（特指vue项目），再通过Nginx单独进行部署。

喜欢ヅ旅行/ 2023年10月05日 08:28/ 0 赞/ 4 阅读

相关在CI/CD中演示前端三种部署方案，镜像部署，服务器部署，OSS部署

在CI/CD中演示前端三种部署方案，镜像部署，服务器部署，OSS部署这是一次总结。废话不说直接上代码 .gitlab-ci.yml image: n

客官°小女子只卖身不卖艺/ 2022年12月03日 05:10/ 0 赞/ 222 阅读

相关前端项目使用aliyun OSS手动部署

购买OSS [购买OSS标准服务套餐][OSS]后进入[OSS管理控制台][OSS 1] ![image.png][] 创建Bucket ![ima

一时失言乱红尘/ 2022年12月01日 14:29/ 0 赞/ 107 阅读

相关 Jenkins自动部署前端项目

一、前言 1.1 传统网站部署的流程 > 传统的网站部署，大家在运维过程中，网站部署是运维的工作之一，网站部署的流程大致分为：需求分析—原型设计—开发代码—提交测试

╰+哭是因爲堅強的太久メ/ 2022年11月19日 15:51/ 0 赞/ 331 阅读

相关使用Nginx部署多个前端Vue项目

Nginx部署多个Vue项目前言：第一步：vue项目中的配置第二步：修改Nginx上的配置文件最后：暂停ng

快来打我*/ 2022年10月18日 13:59/ 0 赞/ 367 阅读

相关手动部署项目到tomcat

webapps 所有的web页面都在这个目录下面 ![webapps][] 访问webapps目录下文件访问docs：[http://localhos

电玩女神/ 2022年04月24日 23:00/ 0 赞/ 342 阅读