404 on direct request to route about wouter

[eti0]

just in case, for anyone that stumbles upon this same issue while using vercel.

simply add this to vercel.json :

"rewrites": [
    {
        "source": "(.*)",
        "destination": "/index.html"
    }
]

after that, you should be good to go :)

[molefrog]

Well, it should work with any type of navigation, even those that are fired outside of a link. Can you provide an example?

[talentlessguy]

Example is here: v1rtl.site

FIrst try to click on "Art", then "More stuff". It loads normally.

Now let's try to go to page directly.

Code of Router is here:

<Fragment>
    <Route path="/" exact component={Main} />
    <Route path="/art" component={Art} />
    <Route path="/gif" component={Gif} />
    <Route path="/web" component={Web} />
  </Fragment>

[molefrog]

Well, that's because you have to tell Now.sh to serve your application's index.html on every request different from just /. That's the way routing in SPAs works, so the issue is not in wouter, but rather in your website deployment setup.

Not sure, but I think here is what might help:
https://zeit.co/docs/v2/advanced/configuration#routes

[molefrog]

Oh, and by the way, no need to mark route as exact. A Route in wouter always matches an entire string.

[talentlessguy]

Oh, and by the way, no need to mark route as exact. A Route in wouter always matches an entire string.

Oopsie, I just moved from React Router 😄, will remove exact. And yup, problem is with Now.sh, closing the issue. Sorry for interruption.

Oopsie x2, this now.json doesn't work but I'll better ask on Spectrum:

{
  "routes": [
    {
      "src": "*",
      "dest": "/index.html"
    }
  ]
}