I am trying to integrate React with Adonis Js to build an SPA. Adonis handles routing to an SPA by

Route.any('*', function * (request, response) {
 yield response.sendView('home')
})

I have done exactly that in app > Http > routes.js

Then I created a home.njk in resources > views to act as the landing page for my application. Now, I have a react file where I have created a footer. I want to handle all the links in the footer with React-router. React router handles urls to navigate to a page. However, the above code(in Adonis) says that any url (*) is going to render 'home'. That is exactly what is happening.

How do get around it? Thanks!

I am trying to integrate React with Adonis Js to build an SPA. Adonis handles routing to an SPA by

Route.any('*', function * (request, response) {
 yield response.sendView('home')
})

I have done exactly that in app > Http > routes.js

Then I created a home.njk in resources > views to act as the landing page for my application. Now, I have a react file where I have created a footer. I want to handle all the links in the footer with React-router. React router handles urls to navigate to a page. However, the above code(in Adonis) says that any url (*) is going to render 'home'. That is exactly what is happening.

How do get around it? Thanks!

• javascript
• reactjs
• react-router
• adonis.js

• Mind sharing some code? – Aman Virk Commented Nov 18, 2016 at 10:39
• There is not much code to share actually. I appreciate your interest though. This is my first project in node.js and I choose Adonis. So I;ll be needing your assistance a lot. Thanks! – Roy Commented Nov 18, 2016 at 12:58

1 Answer 1

You should define your api routes before the route *.

Adonis Router will go through your routes.js file and get the first route that match.