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后刷新网页,图片终于成功加载!

image-20210127222652851

最后修改:2021 年 01 月 27 日 10 : 29 PM
如果觉得我的文章对你有用,请随意赞赏