通過設置Ionic-Cli代理解決ionic serve跨域調試問題

Ionic-Cli代理設置：

打開ionic.config.json文件，添加proxies代理配置字段：

{
  "name": "ion",
  "app_id": "",
  "v2": true,
  "typescript": true,
  "proxies": [
    {
      "path": "/web",
      "proxyUrl": "http://127.0.0.1/phpResty/web"
    }
  ]
}

　　

之后在provider中這樣調用即可：

  url:string = "/web/";
  api(){
    return new Promise((resolve, reject)=>{
      this.http.get(this.url + "api.php").subscribe(res => {
        resolve(res.json)
      }, err => {
        reject(err);
      });
    });
  }

　　

此時訪問 http://localhost:8100/web/api.php 等同於訪問 http://127.0.0.1/phpResty/web/api.php

從而避開了因端口不同而產生的跨域問題。

 

 

參考：http://www.jianshu.com/p/e9c85dbf406d

http://blog.csdn.net/haozhoupan/article/details/51149896