前情提要

起因是我在写live2d资源分享时，发现在其他网页引用本站资源会出现跨域问题，导致资源无法正常加载。
根据腾讯云pages文档，我们可以使用中间件来处理headers

解决方法

废话不多说，我们直接上代码

middleware.js

export function middleware(context) {
    // 为所有请求添加 CORS 头
    return context.next({
        headers: {
            'Access-Control-Allow-Origin': '*',
            'Access-Control-Allow-Methods': 'GET, HEAD, POST, OPTIONS',
            'Access-Control-Allow-Headers': 'Content-Type, Authorization, 
        }
    })
}

然后把middleware.js文件放在项目根目录，上传即可

提示

如果你使用的是vuepress或者vuejs或其他类似框架，就把middleware.js文件放在.vuepress/public目录下

如：

docs

.vuepress

public

middleware.js

更新日志

2026/4/19 02:23

查看所有更新日志

• 7ece2-docs(blog): 添加EdgeOne Pages跨域请求解决方案教程于 2026/4/19

版权所有

版权归属：逸燧Esyka

许可证：署名-非商业性-相同方式共享 4.0 国际 (CC-BY-NC-SA-4.0)