React Native 0.66.* axios 调用 [TypeError: Network request failed] ANDROID

Question

嗨，我是 react native 的新手

我有 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 时出现“NETWORK ERROR”

Answer 1

有时，当您的 wifi 网络更改或重新连接时，android 模拟器会出现网络问题，请再次重新运行您的模拟器。