React Native 0.66.*axios调用[TypeError:网络请求失败]ANDROID



嗨,我是react原生的新手

我有macbook,我正在使用Laravel代客泊车在macbook中运行Laravel项目

简单地说,我试图通过使用任何在laravel 8中开发的API来生成Auth令牌。当我使用邮递员访问API时,我得到了100%的回复。但当我试图通过在react native中使用axios来达到这个API时;NETWROK ERROR";作为回应

import axios from 'axios';
axios.defaults.baseURL = 'http://cms.test/';
const  LoginScreen = ({navigation}) => {
const [email,setEmail] = useState('');
const [password,setPassword] = useState('');
const [user, setUser] = useState(null);
const [error, setError] = useState(null);
const login = async() => {
if(!email || !password){
Alert.alert('Please fill all fields')
}else{
axios.post('api/token', {
email,
password,
device_name: 'mobile',
}, {
headers: {
'Content-Type': 'application/json'
}
})
.then(response => {
const userResponse = {
email: response.data.user.email,
token: response.data.token,
}
setUser(userResponse);
setError(null);
// SecureStore.setItemAsync('user', JSON.stringify(userResponse));
AsyncStorage.setItem('user', JSON.stringify(userResponse));
})
.catch(error => {
console.log(error);
return false;
const key = Object.keys(error.response.data.errors)[0];
setError(error.response.data.errors[key][0]);
})
}
}

总是得到"网络错误";作为回应

注意:我已经通过下面的linse 更新了AndroidManifest.xml文件

<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" />

但没有任何变化,仍然是";"网络错误";,点击API

有些时候,当你的wifi网络更改或重新连接时,android模拟器会出现网络问题,请重新运行模拟器。

最新更新