Failed reloading Vue's nested routes

I followed vue-router’s nested routes.

I run sirv start --cors --single on the folder.

Clicking link-by-link worked.

Reloading http://localhost:5000/user worked.

Reloading http://localhost:5000/user/123 failed.

But Sirv logged that failed request as 200.

I wonder if this issue is related with Sirv.

Thanks Luke!

[lukeed]

It’s because you have <script src="app.js"></script>

You’re allowing relative pathing to take place, which works fine when you’re on example.com/:level1 routes but will fail on any level deeper than that.

In your last example, the app.js is being looked for at http://localhost:5000/settings/app.js, which is wrong and so the application dies.

Change your script to <script src="/app.js"></script> and it will work, since it’s an absolute path and will always resolve from the root and not from where you currently are.

[lukeed]

Same as #33