Nginx 添加 Access-Control-Allow-Origin 头,允许跨域请求

发布时间: 2023-12-28 13:53:34 作者: 大象笔记

No 'Access-Control-Allow-Origin' header

想从 js 前端实现拉取一个服务端的 markdown 文件,然后在浏览器端渲染成 HTML。

但是本地开发环境调试时报错:

Access to XMLHttpRequest at 'https://www.sunzhongwei.com/some_file.md' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

看起来是跨域请求的问题。

Nginx 配置

在具体文件路径的处理,加上返回头即可

location ~* \.(eot|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}
我是一名山东烟台的开发者,联系作者