Route with ext (.html)

[nautonk]

Hi adonisjs,

I'm trying to achieve route with suffix .html, my code is :
Route.get(/detail/:id/:slug.html,'Frontend/PostsController.getDetail').as('posts.getDetail')

but i've got an error.

in Laravel i can achive this by using :
Route::get('/detail/{id}/{slug}.html', [Frontend\PostsController::class, 'getDetail'])

How to do this in adonisjs ?

Thank you so much

[tomgobich]

What error are you getting? I tested it out in one of my projects, see image below, and it seems to be working okay.

[nautonk]

What error are you getting? I tested it out in one of my projects, see image below, and it seems to be working okay.

It works if i directly access to the url, but if i render through edge template it show error.

Thank you for helping me

[tomgobich]

Hmm, yeah it looks like the route generator considers everything between / and starting with : as the param name whereas the param within the HttpContext is using @poppins/matchit, which seems to get the param name correct.

Route Generator Params: https://github.com/adonisjs/http-server/blob/develop/src/Router/LookupStore.ts#L98-L126
HttpContext Params: https://github.com/adonisjs/http-server/blob/develop/src/HttpContext/index.ts#L226-L229

This isn't an ideal solution, since you'd have to manually add the .html suffix, but for now, if you use either the param name slug.html when generating your route or use the array definition everything appears to be working okay for this. Then, since the .html portion is getting included in the param name, it's excluded in the generated URL, so you'll need to suffix the link with .html.

<a href="{{ route('tester', { 'slug.html': x }) }}.html">Naming slug.html</a>
<a href="{{ route('tester', [x]) }}.html">Using array definition. This expects the param values as an array in the order they're defined in the route definition</a>

Edit:
Submitted issue within the Http-Server repo: adonisjs/http-server#67

[nautonk]

Hmm, yeah it looks like the route generator considers everything between / and starting with : as the param name whereas the param within the HttpContext is using @poppins/matchit, which seems to get the param name correct.

Route Generator Params: https://github.com/adonisjs/http-server/blob/develop/src/Router/LookupStore.ts#L98-L126 HttpContext Params: https://github.com/adonisjs/http-server/blob/develop/src/HttpContext/index.ts#L226-L229

This isn't an ideal solution, since you'd have to manually add the .html suffix, but for now, if you use either the param name slug.html when generating your route or use the array definition everything appears to be working okay for this. Then, since the .html portion is getting included in the param name, it's excluded in the generated URL, so you'll need to suffix the link with .html.

<a href="{{ route('tester', { 'slug.html': x }) }}.html">Naming slug.html</a>
<a href="{{ route('tester', [x]) }}.html">Using array definition. This expects the param values as an array in the order they're defined in the route definition</a>

Edit: Submitted issue within the Http-Server repo: adonisjs/http-server#67

Noted, at this time i will use your suggestion fix.

Thank you so much for your help bro. I really appreciate it, God bless you

[tomgobich]

Anytime!