eggjs的post跨域报405 method not allowed错误

港控/mmm° 2022-02-24 09:22 310阅读 0赞

近期用uni-app开发的应用，在小程序中没有任何问题，包括调试、上线，但是在google chrome调试网页版时就出现接口报405 method not allowed错误。  
按照网上的方法在nginx跨域请求cors配置如下：

location / {
            add_header         'Access-Control-Allow-Origin' 'https://api.xxxx.com';
            add_header         "Access-Control-Allow-Credentials" "true";
            add_header         "Access-Control-Allow-Headers" "x-requested-with,content-type";
            proxy_pass         http://localhost:8080;
            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
    }

主要是添加了三个用于控制CORS的头信息：

Access-Control-Allow-Origin：允许的来源  
Access-Control-Allow-Credentials：设置为true，允许ajax异步请求带cookie信息  
Access-Control-Allow-Headers：设置为x-requested-with,content-type，允许ajax余部请求。

也没有任何作用，报错依旧。  
后面在想是不是后端的nodejs配置问题。  
将本地调试网址加入白名单

//关闭csrf
    config.security = {
        csrf: {
            enable: false,
            ignoreJSON: true
        },
        // 白名单
        domainWhiteList: [ 'http://localhost:8080' ]
    };

没有任何作用，报错依旧。

后面查到资料

config.cors = {
        allowMethods: 'GET,HEAD,PUT,POST,DELETE,PATCH,OPTIONS',
    };
    
    #根据情况我只开启下面的请求方式
    config.cors = {
        allowMethods: 'GET,POST,OPTIONS',
    };

也没有作用。

在文章下面有网友评论说，请确定是否开启了 egg-cors 插件。

exports.cors = {
        enable: true,
        package: 'egg-cors',
    };

如果提示没有安装，请安装一下。

cnpm i --save egg-cors

哈哈，起作用了。原来是没有加载插件，太好了，一直困惑的问题终于解决。