正如标题所说,我有一个 symfony3 应用程序,在子域上有一个 rest api,这样:
GET http://ajax.localhost.dev:10190/menus
返回 JSON 格式的菜单列表。
这是 nelmio cors bundle ( /app/config/nelmio/cors.yml
)的配置
nelmio_cors:
paths:
'^/':
origin_regex: true
allow_origin: ['^https?://%domain%:[0-9]+']
allow_headers: ['X-Custom-Auth']
allow_methods: ['POST', 'PUT', 'GET', 'DELETE', 'OPTIONS']
max_age: 3600
hosts: ['^ajax\.']
allow_credentials: true
我一直在使用这段代码:
export default class AppRemote extends Remote {
get host () { return `ajax.${super.host}`; }
open(xhr, data) {
if ("withCredentials" in xhr) {
xhr.open(data.method, this.url(data.url), true);
xhr.withCredentials = true; }
else if (typeof XDomainRequest != "undefined") {
xhr = new XDomainRequest();
xhr.open(data.method, this.url(data.url)); }
else { this.app.error('cannot init CORS Request'); }
return xhr;
}
};
这工作正常。现在我正在尝试将其移植到新的 fetch API,并且我正在使用以下代码:
const init = (url, method = 'GET') => {
return new Request(url, {
headers: new Headers({
'Access-Control-Allow-Credentials': true,
//'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods' : 'POST, GET, OPTIONS'
}),
mode: 'cors',
credentials: true,
method });
}
const get = (url) => {
return fetch(init(url));
}
它返回一个400 Bad Request
, with Request Method: OPTIONS
。如果我只是在浏览器中输入网址,它就可以工作。
我想有一些身份验证问题,但只是不知道如何解决它。我怎样才能做到这一点?