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

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

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

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

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

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

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

  1. //关闭csrf
  2. config.security = {
  3.     csrf: {
  4.         enable: false,
  5.         ignoreJSON: true
  6.     },
  7.     // 白名单
  8.     domainWhiteList: [ 'http://localhost:8080' ]
  9. };

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

后面查到资料

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

也没有作用。

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

  1. exports.cors = {
  2.     enable: true,
  3.     package: 'egg-cors',
  4. };

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

  1. cnpm i --save egg-cors

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

发表评论

表情：
评论列表 （有 0 条评论，363人围观）

还没有评论，来说两句吧...

相关阅读

    相关 405 (Method Not Allowed)

    第一次遇到这个问题，百度之后的结果： 解决方案：405请求方法不被允许。这时候应该检查请求方法是否正确，页面应该用GET请求还是POST请求。例如在请求微博access\_t

    超、凢脫俗超、凢脫俗/ 0 赞/ 308 阅读