Ionic framework 如何通过CORS策略解除阻止
我在注册页面的post方法中尝试了apiurlIonic framework 如何通过CORS策略解除阻止,ionic-framework,ionic2,ionic3,ionic-native,Ionic Framework,Ionic2,Ionic3,Ionic Native,我在注册页面的post方法中尝试了apiurl import { Injectable } from '@angular/core'; import { Http, Headers, HttpModule } from '@angular/http'; import 'rxjs/add/operator/map'; let apiUrl = 'http://aaaaa.in/outfit/index.php/api/v1/'; @Injectable() export class
import { Injectable } from '@angular/core';
import { Http, Headers, HttpModule } from '@angular/http';
import 'rxjs/add/operator/map';
let apiUrl = 'http://aaaaa.in/outfit/index.php/api/v1/';
@Injectable()
export class AuthServiceProvider {
constructor(public http: Http) {
console.log('Hello AuthServiceProvider Provider');
}
public register(data){
return new Promise((resolve, reject) => {
let headers = new Headers();
alert('11');
headers.append('Content-Type', 'application/json');
headers.append('Access-Control-Allow-Origin', '*');
headers.append( 'Access-Control-Allow-Headers', 'Authorization, Content-Type' );
//headers.append('Access-Control-Allow-Origin',
'http://localhost:8100');
//headers.append('Access-Control-Allow-Credentials', 'true');
alert(apiUrl);
this.http.post(apiUrl+'account', JSON.stringify(data), {headers: headers})
.subscribe(res => {
resolve(res.json());
alert(Response);
}, (err) => {
reject(err);
});
});
}
}
它显示如下错误…”CORS策略已阻止从源“”访问“”处的XMLHttpRequest:对飞行前请求的响应未通过访问控制检查:它没有HTTP ok状态
提前感谢。您正在尝试在chrome上运行应用程序吗?如果你在chrome上运行这个应用程序,通常会发生这种情况,我甚至不知道为什么,但如果你在实际设备上试用,效果会很好。我遇到了同样的问题,我在chrome扩展的帮助下克服了这个问题,它是允许控制允许原点。我不知道是否有合适的方法来解决这个问题,但这可能会帮助您方法1: 在chrome中安装“Allow-Control-Allow-Origin”扩展以解决开发中的此问题 方法2: 您需要更改ionic.config.json中的一些行
{
"name": "foresight",
"app_id": "47182aef",
"type": "angular",
"integrations": {
"cordova": {}
},
"proxies": [
{
"path":"/account",
"proxyUrl": "https://api-foresight.castingapi.in/account"
}
]
}
您可以使用以下代码调用外部服务
headers = new Headers({'key': '12345678'});
options = new RequestOptions ({headers: this.headers});
return this.http.get('/account/?fields=name', this.options)
在ionic.config.js中进行更改后,请记住使用ionic serve或ionic lab