马春杰杰 Exit Reader Mode

利用腾讯Edge-one来部署Openlist的前端静态页面

首先打开此页面,下载前端所有的静态文件:Releases · OpenListTeam/OpenList-Frontend,例如:openlist-frontend-dist-v4.1.10.tar.gz

然后,解压此文件,在根目录创建一个文件:edgeone.json,在里面填入:

{
  "headers": [
    {
      "source": "/*",
      "headers": [
        {
          "key": "Access-Control-Allow-Origin",
          "value": "*"
        },
        {
          "key": "Access-Control-Allow-Methods",
          "value": "GET, OPTIONS"
        },
        {
          "key": "Access-Control-Allow-Headers",
          "value": "Content-Type"
        }
      ]
    },
    {
      "source": "/**/*.mjs",
      "headers": [
        {
          "key": "Content-Type",
          "value": "application/javascript"
        }
      ]
    }
  ]
}

然后重新压缩为zip文件。

打开此页面:服务总览 – 服务总览 – EdgeOne – 控制台

然后创建项目直接上传,将刚刚压缩的zip文件拉进来,项目名称随便取,比如hahahaha,然后上传,等待上传成功,会自动跳转到部署页面:

部署成功之后,打开项目设置域名管理添加自定义域名,这一步很重要,因为自带的域名有效期只有三个小时。

域名生效之后,打开Openlist的配置文件,添加以下字段即可:

  "site_url": "https://one.machunjie.com",
  "cdn": "https://xxxx.xxx.xxx",  # 这是你刚刚添加的域名

最后刷新缓存即可~

另外,每次更新Openlist建议都重新部署一下这个前端文件,要不然可能会报错~

重新部署的话很简单,只需要点击新建部署即可。