阿里OSS配置自定义域名步骤详解

女爷i 2023-02-23 07:43 59阅读 0赞

## 一、前言 ##

好早之前就写过阿里`OSS`的文章，本来以为可以直接用的，结果一顿操作完，上传是上传了，但是访问的时候变成了下载？？？没办法直接看图片了。

百度发现：[浏览器访问OSS中的网页类型文件时提示下载资源][OSS]

出于安全考虑，从2018年8月13日起，直接使用OSS访问域名，从互联网访问OSS上的网页类型文件(mimetype为text/html，扩展名包括htm、html、jsp、plg、htx 和stm)时，Response Header中会自动加上 Content-Disposition:'attachment=filename;'。即从浏览器访问网页类型文件时，会以附件    形式进行下载。

也就是说，现在需要绑定自定义的域名才能访问到`OSS`的图片了。网上看到有说修改`http`头的，有从`sdk`里面设置文件元信息的，大家有兴趣可以百度下，由于阿里的文档有些不大清楚，所以咱们这里只是大致说一下绑定自定义域名的步骤。

[阿里对象存储OSS在laravel框架中的使用][OSS_laravel]

## 二、绑定自定义域名 ##

### 1、大致步骤 ###

（1）确定有已备案的域名，确定要绑定的域名，比如static.xxx.com
    （2）创建Bucket，找到对应的endpoint，这个endpoint解析域名的时候要用到
    （3）添加域名解析，选择CNAME 类型，主机记录写上endpoint的值
    （4）找到bucket的域名管理，添加上该域名，确定有绑定关系
    （5）url访问方式

### 2、域名解析部分 ###

这里默认大家走完前两步了，直接去第三步进行域名解析。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA_size_16_color_FFFFFF_t_70_pic_center]

### 3、bucket的域名管理部分 ###

#### （1）找到传输加速设置，点进去 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA_size_16_color_FFFFFF_t_70]

#### （2）点击域名管理，添加自定义的域名 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA_size_16_color_FFFFFF_t_70 1]  
      添加完之后，我们可以看到多了一条记录，这条记录的右侧有个“域名绑定配置”，点进去就可以看到绑定的`endpoint`

### 4、访问方式 ###

打开文件管理，点击具体的文件详情，我们可以看到：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA_size_16_color_FFFFFF_t_70_pic_center 1]  
      详情页里提供的有`url`地址，我们把前面的部分，也就是`xx.oss-cn-qingdao.aliyuncs.com`部分替换成自定义的域名就可以访问了，后面的文件目录文件名什么的保持不变即可。

**end**

[OSS]: https://help.aliyun.com/knowledge_detail/39656.html?source=5176.11533457&userCode=r3yteowb&type=copy
[OSS_laravel]: https://blog.csdn.net/LJFPHP/article/details/76407850
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20200705204918700.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200705205019589.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200705205019602.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20200705205403582.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xKRlBIUA==,size_16,color_FFFFFF,t_70#pic_center