首页 > 系统相关 >nginx解决跨域关键点

nginx解决跨域关键点

时间:2022-10-29 12:45:28浏览次数:45  
标签:Control 跨域 callback header Access nginx add 关键点

文档说明:只记录关键地方;

目标:使用CORS和 jsonp 解决跨域问题

一:nginx 使用CORS解决跨域

涉及到nginx 配置也就这些


add_header Access-Control-Allow-Origin $cors_origin always;

add_header Access-Control-Allow-Methods 'GET,HEAD,POST,PUT,DELETE,CONNECT,OPTIONS,TRACE,PATCH' always;

add_header Access-Control-Allow-Credentials 'true' always;

## 用于自定义
add_header Access-Control-Allow-Headers "Authorization,DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range,authorization,accept-ranges,content-length,content-type,date,server,last-modified,etag";

add_header Access-Control-Expose-Headers "Authorization,DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range,authorization,accept-ranges,content-length,content-type,date,server,last-modified,etag";

二:nginx 使用jsonp 解决跨域

    location /ip/jsonp {
        set $callback "callback";
        if ($arg_callback) {
           set $callback $arg_callback ;
        }
        charset utf-8;
        default_type application/javascript ;
        return 200 '$callback({
                        "request_time":"$time_local",
                        "ip":"$remote_addr",
                        "port":"$remote_port",
                        "message":"你可真是个小机灵鬼,被你发现了!

标签:Control,跨域,callback,header,Access,nginx,add,关键点
From: https://www.cnblogs.com/jingjingxyk/p/16838395.html

相关文章

  • nginx http 通用配置
    文档说明:只记录关键地方;nginx配置文件nginx.confusernginx;worker_processesauto;worker_cpu_affinityauto;error_log/var/log/nginx/error.logwarn;pid......
  • php解决跨域
    /public/index.phpif(isset($_SERVER['HTTP_ORIGIN'])){//Decideiftheoriginin$_SERVER['HTTP_ORIGIN']isone//youwanttoallow,andifso:......
  • nginx root 和 alias 的区别
    区别:alias含有rewrite的意思,可以重写掉不存在的路径。(......
  • linux nginx记录
     安装nginx前首先安装四个依赖包--以下命令一键安装四个依赖 yum-yinstallgcczlibzlib-develpcre-developensslopenssl-devel 创建指定目录下载安装ngi......
  • 解决轻量级服务器 HttpProcessor TcpClient 跨域问题
    添加:processor.httpHeaders.Add("Access-Control-Allow-Origin:*");//(正确)processor.httpHeaders.Add("Access-Control-Allow-Method......
  • 新编译安装 NGINX
    2.1安装nginx2.1.1在这个时候我们需要安装依赖包yum-yinstallpcrepcre-devel zlibzlib-devel opensslopenssl-devel2.1.2下载并且解压到(/usr/local/src目录......
  • python - 定时拆分备份 nginx 日志
    python-定时拆分备份nginx日志一、背景:nginx的log不会自动按天备份,而且记录时间格式不统一,此程序专门解决这两个问题;二、windows部署方式1.在nginx目录,创建一个n......
  • 【随手记录】 关于nginx请求500错误 - CreateFile() "/temp/client_body_temp/0000000
    这几天一位前端同事在处理上传请求时候nginx返回500错误,没有额外错误信息,后端也没有接收到请求,看他本地nginx日志错误:[crit]28700#21636:*1389CreateFile()"\nginx-......
  • 在nginx中配置泛域名的切换
    背景在nginx中配置自动跳转,凡是访问原域名的地址都自动指向到新域名。由于涉及到泛域名,因此需要在跳转时获取当前的主机记录,再动态拼接成新域名的主机地址。 方案一......
  • Nginx06 Rewrite
    1简介rewrite模块即ngx_http_rewrite_module模块,主要功能是改写请求URI,是Nginx默认安装的模块。rewrite模块会根据PCRE正则匹配重写URI,然后发起内部跳转再匹配locati......