ionic http(post)请求 跨域问题

https://blog.csdn.net/spflinux/article/details/79304509

在app.module.ts中添加:

[plain]  view plain  copy
  1. import {HttpClientModule} from '@angular/common/http';  

并且将其加入imports数组中。


然后在某一个ts中(例如:signUp.ts)

[plain]  view plain  copy
  1. import {HttpClient} from '@angular/common/http';  
[plain]  view plain  copy
  1. constructor(public navCtrl: NavController, public navParams: NavParams, public httpClient: HttpClient) {  
  2.   }  
[plain]  view plain  copy
  1. signUp():void{  
  2.     console.log(this.user);  
  3.     let url='/signUp';  
  4.     this.httpClient.post(url,{  
  5.       email:this.user.email,  
  6.       password:this.user.password  
  7.     }).subscribe((res)=>{  
  8.       console.log(res);  
  9.     },(error)=>{  
  10.       console.log(error);  
  11.     });  
  12.   }  

然后提示access...control...,又是跨域问题。

可以这样解决:设置代理。

在ionic.config.json中加入下面配置:

[plain]  view plain  copy
  1. "proxies":[  
  2.     {  
  3.       "path": "/signUp",  
  4.       "proxyUrl":"http://127.0.0.1:3000/signUp"  
  5.     }  
  6.   ]  
重启项目一切ok。

猜你喜欢

转载自blog.csdn.net/fangquan1980/article/details/80674854