前端技术博客-pdfh5.js

  • 首页
  • 分类
  • 文章归档
  • 关于我
  • 影视漫画

  • 搜索
react vue 随笔 SVG GitHub pdf.js tomcat nginx uniapp Linux javascript ES6 pdfh5

nginx配置资源跨域

发表于 2018-11-09 | 分类于 linux | 0 | 阅读次数 421

windows和linux都一样操作,到nginx的安装目录 nginx/conf下,找到nginx.conf文件,用记事本打开。
在一个sever内部加上如下代码:

        add_header 'Access-Control-Allow-Origin' '*';
	add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
	add_header 'Access-Control-Allow-Headers' 'Content-Type';

例如,这样加(各自服务器配置不同,看情况添加):

    server {
        listen       80;
        server_name  localhost;
        #charset koi8-r;

        #access_log  logs/host.access.log  main;
        location ~.(html|js|css|png|gif|pdf)$ {
            root   html;
            index  index.html index.htm;

        }
        location / {
            root   html;
            index  index.html index.htm;
            add_header 'Access-Control-Allow-Origin' '*';
	    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
	    add_header 'Access-Control-Allow-Headers' 'Content-Type';
        }

然后重启nginx就行了。

注意:
这个跨域配置不能配置多个,只能配置一个。如果你的服务器其他web服务也配置了跨域,那nginx就不要配置了。

否则还是会报跨域:

The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed.

其中:Access-Control-Allow-Origin * 中的*可以换成域名,意思是只对这个域名开放跨域,如果要开放多个域名,就用英文逗号,连接。如果用*,就代表任何域名都可以请求服务器资源。
例如:

Access-Control-Allow-Origin  www.baidu.com,www.taobao.com
Donate comment here
pdfh5 微信支付

微信支付

pdfh5 支付宝

支付宝

  • 本文作者: pdfh5
  • 本文链接: https://www.gjtool.cn/archives/nginx配置资源跨域
  • 版权声明: 本博客所有文章除特别声明外,均采用CC BY-NC-SA 3.0 许可协议。转载请注明出处!
# react # vue # 随笔 # SVG # GitHub # pdf.js # tomcat # nginx # uniapp # Linux # javascript # ES6 # pdfh5
添加分享到朋友圈发送给好友分享等按钮
JS数组对象去重排序等一些常用方法整理
  • 文章目录
  • 站点概览
pdfh5

pdfh5

19 日志
6 分类
13 标签
RSS
Github
Creative Commons
0%
© 2018 — 2021 前端技术博客-pdfh5.js
鄂ICP备19002193号 鄂公网安备 42112602000235号