如何用OSS托管WEB

### 阿里云 OSS 静态网站托管配置教程 #### 1. 创建存储空间 (Bucket) 为了启用静态网站托管功能，首先需要创建一个新的存储空间或使用现有的存储空间。确保该存储空间的权限设置为公共读取。 ```bash ./ossutil mb oss://your-static-site-bucket --acl public-read ``` 此命令会创建一个名为 `your-static-site-bucket` 的新存储空间，并将其 ACL 设置为公开只读模式[^2]。 #### 2. 启用静态网站托管 进入阿里云控制台，找到对应的 Bucket 并点击“更多”-> “静态网站托管”，然后开启静态网站托管选项。如果通过 API 或者 SDK 来做，则可以参照官方文档说明执行相应调用来激活这项服务[^1]。 #### 3. 设置默认首页和错误页面 同样是在控制台上，指定默认主页（通常是 index.html 文件），以及当请求失败时显示的自定义错误页（如 error.html）。这一步骤对于提供良好的用户体验至关重要。 - 默认首页：index.html - 错误页面：error.html 这些配置也可以通过编程方式修改，比如使用 JavaScript SDK 更新 bucket 属性： ```javascript const OSS = require('@aliyun/oss'); let client = new OSS({ region: '<Your Region>', accessKeyId: 'AccessKeyId', accessKeySecret: 'AccessKeySecret', bucket: 'your-static-site-bucket' }); client.putBucketWebsite('index.html', 'error.html').then((res) => { console.log(res); }); ``` 这段代码片段展示了如何利用 Node.js 版本的 Aliyun OSS SDK 来设定静态站点的入口文件和404错误响应页面。 #### 4. 上传静态资源 准备好要部署到云端的所有 HTML/CSS/JS 图片等静态资产之后，可以通过多种途径上传它们至已配置好的 Bucket 中。最简单的方法就是直接拖拽上传；更推荐的做法是编写脚本来实现自动化部署流程，例如借助于前面提到过的 `ossutil cp` 命令行工具快速复制整个目录结构到目标位置。 ```bash ./ossutil cp -r ./local-web-folder/ oss://your-static-site-bucket/ ``` 这条指令将会把本地路径下的所有内容递归地拷贝到指定的目标 Bucket 下面去。 ---