如何解决Cordova+Angular4转Android APK后无法连接Laravel后端数据库的问题？

嘿，我来帮你一步步排查这个Cordova Angular app连不上Laravel后端的问题！咱们从最基础的点开始分析：

首先别着急查app，先验证你的Laravel后端API能不能正常返回数据：

• 用手机浏览器打开你的后端API地址（比如http://你的公网IP/域名/api/xxx，本地测试的话用电脑的局域网IP，比如http://192.168.3.10:8000/api/users），看看能不能拿到JSON数据。
• 如果手机浏览器也访问不了，那问题出在后端或者网络上：
  • 检查Laravel服务有没有正常启动（php artisan serve或者用Nginx/Apache部署的话看服务状态）
  • 本地测试的话，确保手机和电脑连同一个WiFi，并且电脑防火墙没有拦截后端端口（比如8000）
  • 线上部署的话，确认服务器的端口、域名解析都配置正确

Cordova默认可能会限制网络请求，你需要在项目根目录的config.xml里确认这些配置：

<!-- 允许访问指定后端地址（推荐，比*更安全） -->
<access origin="http://你的后端IP/域名/*" />
<!-- 允许app导航到该地址 -->
<allow-navigation href="http://你的后端IP/域名/*" />
<!-- 允许HTTP/HTTPS意图 -->
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />

另外，Android平台的AndroidManifest.xml里需要有互联网权限，Cordova一般会自动添加，但可以手动确认有没有这一行：

<uses-permission android:name="android.permission.INTERNET" />

很多人会在这里踩坑：

• 绝对不能用localhost或者127.0.0.1作为请求地址！因为手机的localhost指的是它自己，不是你的电脑后端。
• 本地测试时，用电脑的局域网IP（比如http://192.168.3.10:8000/api）；线上部署时，用后端的公网域名或IP。
• 检查Angular的HttpClient请求代码，确保URL是正确的，比如：

// 错误示例
this.http.get('http://localhost:8000/api/users');
// 正确示例（本地测试）
this.http.get('http://192.168.3.10:8000/api/users');

移动端app的请求属于跨域请求（因为app的源是file://或者自定义的scheme），Laravel默认会拦截这类请求，你需要配置CORS：

1. 安装laravel-cors包：composer require fruitcake/laravel-cors
2. 发布配置文件：php artisan vendor:publish --tag="cors"
3. 在config/cors.php里修改配置，允许app的请求：

return [
    'paths' => ['api/*'],
    'allowed_methods' => ['*'],
    'allowed_origins' => ['*'], // 线上可以指定app的源，比如capacitor://localhost等
    'allowed_origins_patterns' => [],
    'allowed_headers' => ['*'],
    'exposed_headers' => [],
    'max_age' => 0,
    'supports_credentials' => false,
];

4. 在app/Http/Kernel.php的middlewareGroups里添加CORS中间件：

protected $middlewareGroups = [
    'web' => [
        // ...其他中间件
    ],

    'api' => [
        \Fruitcake\Cors\HandleCors::class, // 加在最前面
        'throttle:api',
        \Illuminate\Routing\Middleware\SubstituteBindings::class,
    ],
];

• 打开手机的应用设置，找到你的APK，确认网络权限已经开启（允许使用WiFi和移动数据）
• 如果用移动数据测试，确保后端API部署在公网（局域网IP只能用WiFi访问）
• 有些手机的安全软件会拦截app的网络请求，可以暂时关闭安全软件测试

如果后端API在浏览器能访问，但返回的是数据库错误，那问题出在Laravel的数据库配置：

• 打开.env文件，检查DB相关配置：

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=你的数据库名
DB_USERNAME=数据库用户名
DB_PASSWORD=数据库密码

• 运行php artisan migrate或者php artisan tinker测试数据库连接，比如在tinker里执行DB::table('users')->get()，看能不能拿到数据。

按照这个顺序排查，应该能找到问题所在！

内容的提问来源于stack exchange，提问作者AVA