图床配置

下面记录本人在配置图床中遇见的问题：

picgo，piclist无法安装/无法运行

我尝试下载过很多次picgo和piclist，但是出现的问题都差不多：

1. 运行的时候没有出现GUI界面
2. 运行后几秒自动关闭
3. 有的版本甚至无法安装

最后，我通过下载不同的版本解决了问题2,3；

值得注意的是：运行picgo和一般的应用不一样，picgo需要点击右下角的图标才能启动gui界面：

---

选择图床

我尝试过n中图床配置方法，

1. sm.ms注册不了账号，作罢；
2. github图床试过n次，就是配不成功；
3. 最后选择了阿里云的oss对象存储

跟着教程手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS)，新手小白一看就会-阿里云开发者社区终于配成了。

picgo配置：

image-20250301105653978

picgo除了可以上传图片 还可以上传视频

typora配置

image-20250301105746959

验证图片上传的选项，就能成功地实现上传图片了。🤓

遇见的其他问题CORS ：跨域请求被阻止

• 错误信息：

  Access to script at 'https://malanhuakai.oss-cn-nanjing.aliyuncs.com/malanhuakai/qj1.png' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

• 原因：浏览器阻止了跨域请求，因为阿里云 OSS 未配置 CORS 规则。

解决方案： OSS设置跨域资源共享CORS_对象存储(OSS)-阿里云帮助中心

1. 登录OSS管理控制台。

2. 单击Bucket 列表，然后单击目标Bucket名称。

3. 在左侧导航栏，选择数据安全，跨域设置

4. 在跨域设置页面，单击创建规则。

5. 在创建跨域规则面板，按以下说明设置跨域规则。

   参数	是否必须	说明
   来源	是	指定允许的跨域请求的来源。配置规则如下：允许多条匹配规则，多条规则需换行填写。域名需包含协议名，例如HTTP、HTTPS。支持通配符星号（），每条匹配规则最多允许使用一个星号（）。如果域名使用的不是默认端口，还需要携带端口号。例如https://www.example.com:8080。域名配置示例如下：匹配指定域名时，填写完整域名，例如https://www.example.com。匹配泛二级域名，可使用通配符星号（）。例如https://*.example.com。匹配所有域名，可直接填写通配符星号（）。
   允许 Methods	是	指定允许的跨域请求方法。
   允许 Headers	否	指定允许跨域请求的响应头。配置规则如下：格式为key:value，例如content-type:text/plain，大小写不敏感。允许多条匹配规则，多条规则需换行填写。支持通配符星号（），每条匹配规则最多允许使用一个星号（）。建议没有特殊需求的情况下设置为星号（*）。
   暴露 Headers	否	指定允许用户从应用程序中访问的响应头，例如一个JavaScript的XMLHttpRequest对象。不允许使用星号（*）通配符。建议暴露的常见Headers如下：x-oss-request-id在您使用OSS服务遇到问题时，请凭借此Request ID请求技术支持协助排查并解决您遇到的问题。ETag可用于检查Object内容是否发生变化。
   缓存时间（秒）	否	指定浏览器对特定资源的预取（OPTIONS）请求返回结果的缓存时间，单位为秒。
   返回 Vary: Origin	否	配置是否返回Vary: Origin Header。如果实际应用中同时存在CORS和非CORS请求，或者Origin头有多种可能值时，建议选中返回 Vary: Origin以避免本地缓存错乱。重要选中返回 Vary: Origin后，可能会造成浏览器访问次数或者CDN回源次数增加。