Nginx跨域解決

Nginx跨域解決

欢迎移步博主小站：白亮吖雅黑丫の小站

1、前言

今天心血来潮完成了个人图床图床的搭建，虽说中间踩了不少坑，最后开始搭建完成。but！！！搭建完成后图片显示失败，排查后发现是因为博客网址和图床网址不一导致产生了跨域问题。

2、解决方案

• 首先在typecho网站的配置文件config.inc.php中添加一行define('__TYPECHO_DYNAMIC_SITE_URL__',true);允许跨域，发现图片此时还是加载失败

• 采用修改Nginx配置文件的方法，添加如下代码至网站Nginx配置文件中

      # 允许跨域
      location / {  
          add_header Access-Control-Allow-Origin *;
          add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
          add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
      
          if ($request_method = 'OPTIONS') {
              return 204;
          }
      } 
  

3、结语

最后配置完nginx后刷新网页，图片终于成功加载！