反应原生403权限错误从PHP API在wamp服务器

Question

react native error

import React, { Component } from 'react';
import { ActivityIndicator, FlatList, Text, View } from 'react-native';
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
data: [],
isLoading: true
};
}
async getMovies() {
try {
const response = await fetch('http://192.168.1.6:80/p4Lite/Sept2021/react_backend/index.php');
const json = await response.json();
this.setState({ data: json });
} catch (error) {
console.log(error);
} finally {
this.setState({ isLoading: false });
}
}
componentDidMount() {
this.getMovies();
}
render() {
const { data, isLoading } = this.state;
return (
<View style={{ flex: 1, padding: 24 }}>
{isLoading ? <ActivityIndicator/> : (
<FlatList
data={data}
keyExtractor={({ id }, index) => id}
renderItem={({ item }) => (
<Text>{item.name}, {item.email}</Text>
)}
/>
)}
</View>
);
}
};

以上是我的app.js文件代码。它在网络上工作得很好，但在我的安卓手机上显示错误。我已经尝试了各种方法，但到目前为止还是喜欢解决问题。

Answer 1

在与API相关的文件夹上试试

sudo chmod -R -f 777 /path/to/your/file/or/directory

Answer 2

403错误表示您发出的请求被禁止。一般在未输入所需密码时接收。

最有可能的是，您的API需要密码，而代码没有提供密码，服务器代码配置错误，或者服务器没有显示结果的正确权限。

https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/403

Answer 3

改变它的工作原理:httpd-vhosts.conf