关键词:
【中文标题】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:/... 查看详情