在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' '*';
}
}
关键配置部分见红色部分文字。亲测有效,希望对你有所帮助。
全部评论