美文网首页
eggjs的post跨域报405 method not allo

eggjs的post跨域报405 method not allo

作者: Lcwai | 来源:发表于2019-04-03 17:46 被阅读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
    

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

    相关文章

      网友评论

          本文标题:eggjs的post跨域报405 method not allo

          本文链接:https://www.haomeiwen.com/subject/ydazbqtx.html