uni-app 本地打包发送 http 请求报错

在使用 uni-app 进行本地打包时，如果发送 HTTP 请求报错，可能涉及多个方面的原因。以下是一些常见的排查步骤和解决方案：

1. 检查网络权限

• Android：确保在 AndroidManifest.xml 文件中添加了网络权限：

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

• iOS：确保在 Info.plist 文件中允许网络请求，通常默认是允许的，但如果需要可以检查一下。

2. 检查请求地址

• 确保请求的 URL 是正确的，且服务器是可访问的。
• 如果是本地开发环境，确保服务器在本地运行，并且端口没有被防火墙或其他安全软件阻止。

3. 跨域问题

• 如果请求的服务器与当前页面不在同一个域名下，可能会遇到跨域问题。解决方法：
  • 在服务器端设置 CORS (跨域资源共享) 头。
  • 如果是在本地开发环境，可以使用代理服务器来避免跨域问题。在 vue.config.js 中配置代理：

    module.exports = {
      devServer: {
        proxy: {
          '/api': {
            target: 'http://your-server.com',
            changeOrigin: true,
            pathRewrite: { '^/api': '' }
          }
        }
      }
    }

4. 检查 uni.request 的使用

• 确保 uni.request 的使用是正确的，例如：

  uni.request({
    url: 'https://your-api.com/endpoint',
    method: 'GET',
    success: (res) => {
      console.log(res.data);
    },
    fail: (err) => {
      console.error(err);
    }
  });

• 如果请求需要携带参数或 headers，确保它们是正确的。

5. 检查 SSL/TLS 证书

• 如果请求的 URL 是 HTTPS 的，确保服务器的 SSL/TLS 证书是有效的。如果证书无效或自签名，可能需要特别处理。

6. 调试工具

• 使用 console.log 或 debugger 语句来调试代码，查看请求是否被正确发送，以及返回的错误信息是什么。
• 使用浏览器的开发者工具或 Charles 等抓包工具，查看请求的具体情况。

7. 打包配置

• 确保打包配置中没有阻止网络请求的设置。例如，某些打包工具可能会默认禁用某些 API 调用。

8. 环境变量

• 如果请求的 URL 是通过环境变量配置的，确保在打包时环境变量被正确设置。

9. 插件或依赖问题

• 检查是否使用了某些插件或依赖库，它们可能会影响网络请求。例如，某些插件可能会拦截或修改请求。

10. 错误日志

• 查看控制台或日志文件中的详细错误信息，通常错误信息会给出具体的错误原因，例如网络错误、超时、证书问题等。

示例代码

以下是一个简单的 uni.request 示例：

uni.request({
  url: 'https://jsonplaceholder.typicode.com/posts',
  method: 'GET',
  success: (res) => {
    console.log('请求成功:', res.data);
  },
  fail: (err) => {
    console.error('请求失败:', err);
  }
});