Nginx如何实现跨域的配置

12人浏览 / 0人评论 / 添加收藏

在web开发中,我们经常会遇到跨域的问题,有时候需要前端进行跨域配置,有时候需要后端进行跨域配置,有时候需要前后端都进行跨域配置。

本文主要是对后端进行跨域的配置,通过nginx实现跨域的配置。

基础的 Nginx 跨域配置示例:

server {
 listen 8081;
 server_name localhost;

 # 根目录(H5 前端文件)
 # root /usr/share/nginx/html/applet/dist/build/h5/;

 # 跨域配置
 # 添加跨域头
 add_header 'Access-Control-Allow-Origin' '*' always;
 add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE' always;
 add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization, X-Requested-With' always;
 add_header 'Access-Control-Allow-Credentials' 'true' always;

 location / {
     root   html;
     index  index.html index.htm;
     //允许cros跨域访问
     add_header 'Access-Control-Allow-Origin' '*';

  }
}
关键配置部分见红色部分文字。亲测有效,希望对你有所帮助。

全部评论