How to interact with php in react.js?

I

Ignatiy22019-07-26 13:37:17

PHP

Ignatiy2, 2019-07-26 13:37:17

1. How to make ajax requests? I've been struggling with this for the second day, at first there was a problem with finding a php file, it returned an error 404, then I decided to give an address like "C:\Windows\assembly", the file seemed to be found, but another error is returned:
Access to XMLHttpRequest at ' file:///C:/Users/%D0%9E%D0%BB%D0%B5%D0%B3/esktop/React+Redux/new-react/public/update.php' from origin ' localhost:3000 ' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
As far as I know, such errors occur when trying to send an ajax request to another site.
2. How to add php code to react component? By analogy with:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <h2><?php echo 32?></h2>
</body>
</html>

For some reason, I couldn't find any information about this on the internet.

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

D

Dmitry Sviridov, 2019-07-26
@Ignatiy2

You make direct requests to a file that is on disk. At least according to this error Access to XMLHttpRequest at 'file:///C:/Users/%D0%9E%D0%BB%D0%B5%D0%B3/esktop/React+Redux/new- react/public/update.php'. So it won't work.
You need to set up a web server (Nginx or Apache, for example), as well as set up a php interpreter. Requests from React should be made to the server, not to a file on the hard drive. That is, the URL for requests will be like this: 127.0.0.1/update.php.