api 请求在 react-native 中不起作用

     2023-05-07     182

关键词:

【中文标题】api 请求在 react-native 中不起作用【英文标题】:api request does not work in react-native 【发布时间】:2021-08-12 02:15:08 【问题描述】:

我正在使用 react-native

当我虚拟运行模拟器时,后端路由器很好地请求了 api。

但是,当我在我的 Android 设备上实际测试它时,api 请求并没有到达后端。

我的前端端口号是 8081,后端是 3065。

这是我的代码

比如我的ip地址:49.174.243.53

(front.js)

    const Kakao = (navigation) => 
      const hello = async () => 
        const data = await axios.post('http://43.164.243.53:3065/kakao/test', 
          hi: 'hi2',
        );
      ;
      return (
        <LoginButton style=marginTop: 30 onPress=hello>
          <Label>hello</Label>
        </LoginButton>
      );
    ;

    export default Kakao;

(返回/app.js)

    const express = require('express');
    const dotenv = require('dotenv');
    const morgan = require('morgan');
    const path = require('path');
    const kakaoRouter = require('./routes/kakao');
    const db = require('./models');

    dotenv.config();
    const app = express();
    db.sequelize
      .sync()
      .then(() => 
        console.log('db 연결 성공');
      )
      .catch(console.error);
    passportConfig();

    app.use(morgan('dev'));
    app.use('/', express.static(path.join(__dirname, 'uploads')));
    app.use(express.json());
    app.use(express.urlencoded(extended: true));

    app.get('/', (req, res) => 
      res.send('hello express');
    );

    app.use('/kakao', kakaoRouter);

    app.listen(3065, () => 
      console.log('서버 실행 중!');
    );

(后退/路由器)

    router.post('/test', async (req, res, next) => 
      //whic is  kakao/test
      try 
        console.log('req.body:::::::::', req.body);
        return res.status(200).json(
          posts: 'h!!!!!!!!!!!!!!!!!',
        );
       catch (error) 
        next(error); // status 500
      
    );

【问题讨论】:

尝试启用 CORS 或使用 localhost 代替 IP @folan 我累了,但它不起作用...... 这几乎总是网络配置。服务器在你的电脑上?确保您的网络防火墙允许传入该 IP 和端口的连接。并确保您使用的是 wifi 而不是蜂窝网络(除非您想让该 IP 向全世界开放)。它可以在模拟器上运行,因为在模拟器和主机之间有一个专用网络可以启用任何网络。 【参考方案1】:

为了从 HTTP URL 查看远程文档,需要明文网络流量支持。在 Android 9.0(API 级别 28)或更高版本上,默认禁用明文支持,针对 Android 9.0 或更高版本的应用需要在 AndroidManifest 中添加 android:usesClearTextTraffic="true" 标志.xml 文件。

如果您只使用 HTTPS 文件,则不需要此标志

【讨论】:

signInWithPhoneNumber() 在 react-native 中不起作用

】signInWithPhoneNumber()在react-native中不起作用【英文标题】:signInWithPhoneNumber()isnotworkinginreact-native【发布时间】:2019-09-1806:08:09【问题描述】:您好,我在中遇到此错误firebase.auth().signInWithPhoneNumber(phoneNumber)ErrorDomain=FIRAuthErrorDomai 查看详情

PushNotificationIOS.presentLocalNotification() 在 react-native 中不起作用

】PushNotificationIOS.presentLocalNotification()在react-native中不起作用【英文标题】:PushNotificationIOS.presentLocalNotification()doesn\'tworkinreact-native【发布时间】:2016-01-0722:52:31【问题描述】:我正在尝试在react-native中使用PushNotificationIOS,但没... 查看详情

Laravel 5.6 护照 API 身份验证在获取请求中不起作用

】Laravel5.6护照API身份验证在获取请求中不起作用【英文标题】:Laravel5.6passportapiauthenticationnotworkingingetrequest【发布时间】:2018-10-0309:12:00【问题描述】:我正在制作单页应用程序,在处理get请求时,我已经通过了X-CSRF-TOKEN和X-Req... 查看详情

setParams 在 react-native 中不起作用

】setParams在react-native中不起作用【英文标题】:setParamsnotworkinginreact-native【发布时间】:2018-05-0102:02:57【问题描述】:我正在使用react-native和redux。我正在尝试更新当前屏幕的参数,以便可以在顶部栏中使用的组件中访问它们,... 查看详情

对 API 网关的 CORS 请求在浏览器中不起作用

】对API网关的CORS请求在浏览器中不起作用【英文标题】:CORSRequesttoAPIGatewaynotworkinginbrowser【发布时间】:2021-11-0112:14:47【问题描述】:好吧,我已经准备好看起来很傻了。我敢打赌这是一个简单的问题,我只是没有看到我做错... 查看详情

请求 REST POST API 在 Postman 中工作,但在 Alamofire 中不起作用

】请求RESTPOSTAPI在Postman中工作,但在Alamofire中不起作用【英文标题】:RequestRESTPOSTAPIworkinPostmanbutinAlamofiredon\'twork【发布时间】:2016-07-0718:56:03【问题描述】:我有一个返回非常简单JSON的API。首先包含api的服务器在我的本地机器... 查看详情

React-Native 多部分照片上传在 android 中不起作用

】React-Native多部分照片上传在android中不起作用【英文标题】:React-Nativemultipartphotouploadnotworkinginandroid【发布时间】:2019-07-1811:40:56【问题描述】:我正在尝试使用react-native中的fetchmultipartupload将图像文件发送/上传到我的后端服... 查看详情

ControllerAdvice 的异常处理程序在使用 Spring Boot 的 Rest API 获取请求中不起作用。如何解决?

】ControllerAdvice的异常处理程序在使用SpringBoot的RestAPI获取请求中不起作用。如何解决?【英文标题】:ExceptionHandlerofControllerAdviceNotworkinginRestAPIGetRequestusingSpringBoot.Howtoresolve?【发布时间】:2021-09-2012:20:11【问题描述】:我有一个... 查看详情

iOS 通用链接在 react-native iOS 中不起作用

】iOS通用链接在react-nativeiOS中不起作用【英文标题】:iOSUniversallinknotworkinginreact-nativeiOS【发布时间】:2021-09-0712:58:30【问题描述】:您好,我知道之前有人问过这个问题,但我仍然无法弄清楚做错了什么。在我们服务器的https://... 查看详情

使用 react-native router-flux 时,BackHandler 在 react-native 侧面菜单中不起作用

】使用react-nativerouter-flux时,BackHandler在react-native侧面菜单中不起作用【英文标题】:BackHandlerisnotworkinginreact-nativeside-menuwhenusingreact-nativerouter-flux【发布时间】:2019-04-1700:06:56【问题描述】:我正在使用react-native开发示例应用程... 查看详情

Hot Reload 在 react-native android 中不起作用

】HotReload在react-nativeandroid中不起作用【英文标题】:HotReloadnotworkinginreact-nativeandroid【发布时间】:2018-09-0409:07:05【问题描述】:我在Windows10和Ubuntu16.04上尝试过。在这两种情况下,热重载仅适用于jsx中的更改,但不适用于我更... 查看详情

https 在 react-native android 上不起作用

】https在react-nativeandroid上不起作用【英文标题】:httpsdoesntworkonreact-nativeandroid【发布时间】:2021-11-2303:23:48【问题描述】:当我尝试通过https协议向我的api发出请求时,它不起作用(返回NETWORK_ERROR),但如果我通过http执行它,... 查看详情

POST 请求方法在 Django Rest Framework 中不起作用

】POST请求方法在DjangoRestFramework中不起作用【英文标题】:POSTRequestMethodnotworkinginDjangoRestFramework【发布时间】:2019-05-1803:32:10【问题描述】:每当我尝试发布请求时,都会出现以下错误:/api/处的类型错误直接分配到多对多集合... 查看详情

运行时权限在 API 级别 28 中不起作用

...间】:2019-11-1614:41:57【问题描述】:我正在使用此代码来请求CALL_PHONE的权限,它在api级别28以下工作,但在此之上不工作。如果未授予权限,则低于api级别28将显示授予权限的对话框,但高于28没有弹出对话框,我只收到toast消息... 查看详情

“DELETE”类型的 Http 请求在 WebAPI 中不起作用?

】“DELETE”类型的Http请求在WebAPI中不起作用?【英文标题】:The"DELETE"typeofHttprequestdoesnotworkinWebAPI?【发布时间】:2013-05-1205:04:47【问题描述】:我的WebAPI项目中有GET、PUT、POST工作。我正在做的最后一个Http请求是DELeTE,... 查看详情

反应本机 axios 请求在 IOS 模拟器中不起作用

】反应本机axios请求在IOS模拟器中不起作用【英文标题】:reactnativeaxiosrequestnotworkinginIOSsimulator【发布时间】:2019-01-1507:55:43【问题描述】:我正在尝试使用axios从API获取数据。这是我发出获取请求的代码:exportconstloadBloodGroups=()=... 查看详情

POST 方法在 react-native 应用程序(Android)中不起作用(Fetch 或 Axios)

】POST方法在react-native应用程序(Android)中不起作用(Fetch或Axios)【英文标题】:POSTmethoddoesn\'twork(FetchorAxios)inareact-nativeapp(Android)【发布时间】:2019-09-1822:30:10【问题描述】:我正在使用Axios或Fetch执行APICALL宽度POST方法,但在And... 查看详情

在提琴手中拦截 http/https 请求在 Azure 函数中不起作用?

】在提琴手中拦截http/https请求在Azure函数中不起作用?【英文标题】:Interceptionofhttp/httpsrequestsinfiddlerisnotworkingfromAzureFunction?【发布时间】:2021-11-1022:09:44【问题描述】:我有一个天蓝色的功能,在本地运行。它向看起来像https:/... 查看详情