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

更新日期: 2023-12-28 阅读次数: 498 字数: 116 分类: Nginx

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 *;
}

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式