react native 403 permission error from php api on wamp server-CodePudding

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>
    );
  }
};

Above is my app.js file code. It works fine on web but shows error on my android phone using expo go. I have tried various methods but till now is solution fond. I am working on localhost.

CodePudding user response：

Try this on your API related folder

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

CodePudding user response：

the 403 error means that the request you made was forbidden. it is generally received when a required password is not entered.

Most likely, your API requires a password, and this was not provided by the code, the server code is miss-configured, or the server does not have the right permissions to display the result.

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

CodePudding user response：

Some how it's working by changing: Require local to Require all granted in httpd-vhosts.conf