近期用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
哈哈,起作用了。原来是没有加载插件,太好了,一直困惑的问题终于解决。