React Native Expo: AxiosError: Network Error - reactjs

Question

I use axios for my assignment. Axios works fine with my Login and Signup but when it comes to posting a blog, it keeps giving me this error:
[AxiosError: Network Error]
I'm actually testing my app on my real Android device and using my real server with my IP adress. I try to see what cause the error, even test my server with Postman but it doesn't work.
Here is my code (please don't mind my Vietnamese words):
import { Image, StyleSheet, Text, View, Button, TextInput, Alert } from 'react-native';
import React, { useState } from 'react';
import * as ImagePicker from 'expo-image-picker';
import * as FileSystem from 'expo-file-system';
import axios from 'axios';
const PostBlog = () => {
const [img_source, setimg_source] = useState(null)
const [img_base64, setiimg_base64] = useState(null)
const [title, setTitle] = useState('');
const [content, setContent] = useState('');
const [image, setImage] = useState(null);
const pickImage = async () => {
let result = await ImagePicker.launchImageLibraryAsync({
mediaTypes: ImagePicker.MediaTypeOptions.All,
allowsEditing: true,
aspect: [4, 3],
quality: 1,
});
console.log(result);
if (!result.canceled) {
setimg_source(result.assets[0].uri);
let _uri = result.assets[0].uri;
let file_ext = _uri.substring(_uri.lastIndexOf('.') + 1);
FileSystem.readAsStringAsync(result.assets[0].uri, { encoding: 'base64' })
.then((res) => {
setiimg_base64("data:image/" + file_ext + ";base64," + res);
console.log(img_base64);
});
}
}
const handleCreatePost = async () => {
const data = new FormData();
data.append('title', title);
data.append('content', content);
data.append('image', img_base64);
axios.post('http://192.168.43.219:3000/posts', data)
.then(response => {
Alert.alert('Thành công', 'Bạn đã đăng bài thành công');
console.log(response);
})
.catch(error => {
console.log(error);
Alert.alert('Thất bại', 'Vui lòng thử lại sau');
})
}
return (
<View style={styles.container}>
<Image styles={styles.image} />
<TextInput placeholder='Tiêu đề' style={styles.input} onChangeText={setTitle} value={title}/>
<TextInput placeholder='Nội dung' style={styles.input} onChangeText={setContent} value={content}/>
<Button title="Chọn ảnh từ thư viện" onPress={pickImage} />
{img_source && <Image source={{ uri: img_source }} style={{ width: 100, height: 100 }} />}
<Button title="Đăng blog" onPress={handleCreatePost}/>
</View>
)
}
export default PostBlog;
const styles = StyleSheet.create({
image: {
width: 100,
height: 100
},
container: {
flex: 1,
padding: 10,
backgroundColor: '#fff'
},
input: {
borderWidth: 1,
borderColor: '#ccc',
borderRadius: 4,
padding: 10,
marginBottom: 10
}
});
Any idea about this problem? Thanks for helping me