ionic设置代理在浏览器调试

2016.5.3 - 南京 ionic

修改方式：在ionic.project添加代理项

{
  "name": "EasyIonic",
  "app_id": "",
  "proxies": [
      {
        "path": "/api",
        "proxyUrl": "http://localhost:8080/easyserver/api"
      },
      {
        "path": "/oauth",
        "proxyUrl": "http://localhost:8080/easyserver/oauth"
      }
    ]
}

注意：这个配置的作用只是在PC上用浏览器调试所用，当你打包成手机版本并安装到手机之后是运行手机本地文件，不是借助浏览器访问，它会是这样file://some/path/www/index.html，而你实际上你要访问的是这样http://10.0.0.21:8080/easyserver/api，因此你还需要在app.js里面加一个常量配置，需要本地调试的时候设置为这样：.constant('base_dir', '')，当需要打包的时候，你要设置成这样：.constant('base_dir', 'http://10.0.0.21:8080/easyserver/')，而且你在发起$http的时候，需要在url前面加上它的，像这样

.factory('TaskService', function ($resource, base_dir, localStorageService) {
    return $resource(
      base_dir + 'api/tasks/:id/:action',
      {
        id: '@id',
        action: '@action',
        access_token: angular.fromJson(localStorageService.getItem('profile')).access_token
      }      
    );
})

参考文章：

相关阅读