Routing avec React

Version imprimable

1 pièce(s) jointe(s)

Routing avec React

Bonjour les touristes ! 8-)

Dans mon projet je cherche à atteindre la page "register" à l'aide d'axios, mais je suis toujours ramené à l'accueil :?

Code:

1
2
3
4
5
6
7
8
9
axios.post(`/register`, { credentials: 'same-origin' })
         .then(
            response => {
               console.log(response.data.status)
            }
         )
         .catch((e) => {
            console.log('Erreur serveur', e.message)
         })

Accueil site :

Code:

1
2
3
4
5
6
7
8
9
10
11
class HomePageController extends AbstractController
{
    /**
     * 
     * @Route("/{reactRouting}", name="home_page", defaults={"reactRouting": null})
     */
    public function dashboard(): Response
    {
        return $this->render('base.html.twig');
    }
}

La page que j'appelle, et qui n'est pas prise en compte :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
class RegistrationController extends AbstractController
{
    /**
     *  @Route("/register", name = "register", methods={"POST"}, {"reactRouting": "register"})
     */
    public function index(LoggerInterface $logger): JsonResponse
    {
        $logger->info('I just used this service');
 
        return  new JsonResponse(
            [
                "status" =>  "ok"
            ]
        );
    }
}

Pièce jointe 492922

:merci:

23/07/2019, 16h22
armel18

bonjour,

il y a plusieurs approches:
- soit utiliser l'url absolue du serveur : http://localhost:8000/register
- soit utiliser le bundle FOSJsRoutingBundle qui permet de rendre visible les routes Symfony en JS.
23/07/2019, 18h00
tindal35

Merci Armel18

J'avais déjà essayé "http://localhost:8000/register", mais sans succès.

Je vais donc maintenant étudier le bundle FOSJsRoutingBundle que tu m'indiques.

@+
24/07/2019, 10h21
armel18

normalement avec une url absolue on peut envoyer des requêtes http. Essaie de remplacer localhost par 127.0.0.1 .

Sinon pour tester une api on utilise postman.
Teste déjà ton endpoint avec postman.