Question

我有一个离子应用程序，当我向我的localhost发出POST或获取请求时，它与离子服务很好地工作，当我创建离子uild android然后离子运行android我总是得到404 POST未找到，我几乎尝试了一切。我添加了插件白名单并放入我的config.xml

  <content src="index.html"/>
  <access origin="*"/>
  <allow-intent href="*"/>
  <allow-navigation href="*"/>

在索引html中我尝试了这些元（注释一个并取消注释另一个）

    <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'> -->

    <meta http-equiv="Content-Security-Policy" content="default-src 'self' * ws://localhost:35729 data: gap: https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *;script-src 'self' localhost:35729 'unsafe-eval' 'unsafe-inline';">

我使用sails作为后端，我认为cors配置得很好：

module.exports.cors = {
/***************************************************************************
 *                                                                          *
 * Allow CORS on all routes by default? If not, you must enable CORS on a   *
 * per-route basis by either adding a "cors" configuration object to the    *
 * route config, or setting "cors:true" in the route config to use the      *
 * default settings below.                                                  *
 *                                                                          *
 ***************************************************************************/
allRoutes: true,

/***************************************************************************
 *                                                                          *
 * Which domains which are allowed CORS access? This can be a               *
 * comma-delimited list of hosts (beginning with http:// or https://) or    *
 * "*" to allow all domains CORS access.                                    *
 *                                                                          *
 ***************************************************************************/
origin: '*',

/***************************************************************************
 *                                                                          *
 * Allow cookies to be shared for CORS requests?                            *
 *                                                                          *
 ***************************************************************************/
credentials: true,

/***************************************************************************
 *                                                                          *
 * Which methods should be allowed for CORS requests? This is only used in  *
 * response to preflight requests (see article linked above for more info)  *
 *                                                                          *
 ***************************************************************************/
methods: 'GET, POST, PUT, DELETE, OPTIONS, HEAD',

/***************************************************************************
 *                                                                          *
 * Which headers should be allowed for CORS requests? This is only used in  *
 * response to preflight requests.                                          *
 *                                                                          *
 ***************************************************************************/
headers: 'content-type, access-control-allow-origin, authorization'

};

在app.js的开头我有这个配置

  angular
.module('frontend', [
  'ionic', 'ionic.service.core',
  'frontend.core',
  'ionic.service.analytics',
  //'cacheapp',
  //'cachemodule',
  'ionic-cache-src',
  'formlyIonic',
  'pascalprecht.translate',
  'angularMoment',
  'ionic.components',
  'ngFacebook',
  'translate.app',
  'translate.form',
  'angular-cache',
  'ngCordova',
  'gettext',
  'module.user',
  'module.gallery'
])
.constant('AccessLevels',{
      anon: 0,
      user: 1,
      admin: 2
})
.constant('BackendConfig',{
  url: "http://api-test-dev.com:1337",
  //url: "http://ip_of_my_phone:1337"
  //url: "10.0.2.2"
  //url: "10.0.2.2:1337"
  //url:"http://ip_of_my_phone"
  //url:"http://ip_of_my_wifi"
  //url:"http://ip_of_my_wifi:1337"
})

评论网址是我尝试的所有选项：我用ifconfig获取它们，当我手机的情况下，我在计算机上禁用了wifi并使用了手机的连接usb（因此ip在ifconfig中为usb0）。我也尝试了网址＆＃34; http://localhost:1337＆＃34;在app.js中使用chrome：// inspect /＃devices上的端口转发（通过将我的设备的端口1337分配给我的计算机的localhost：1337）。对于我的文件app.js中列出的网址，我禁用了端口转发

但是所有配置总是给出错误POST 404 not found

有什么想法吗？

Answer 1

我想我之前遇到过这个问题。

原因是当您运行ionic serve或ionic run android -l时，它运行从您的计算机托管的代码（www文件夹），而不是设备。因此它可以直接访问localhost。但是当你构建它并在真实设备上运行时，那里没有托管本地主机，然后发生404 NOT FOUND。

这是我解决它的方式（仅适用于相同的Wi-Fi网络）。

获取计算机的LAN / Wi-Fi IPv4（例如：192.168.1.2）
将http://localhost的网址替换为您的计算机IP。
最后添加您的端口。（例如：http://192.168.1.2:1337）
运行ionic run android。

离子运行android

1 个答案: