Rewrite Vue SPA router URLs?

[sajjadalis]

I was using Laragon on Windows and a Vue SPA was working with .htaccess rules.

<ifModule mod_rewrite.c>
    RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</ifModule>

I'm new to Valet and Nginx, and I'm not sure where to put Nginx rules exactly which I generated from this converter.

# nginx configuration by winginx.com
location ~ ^/index\.html$ { }

location / {
  if (!-e $request_filename){
    rewrite ^(.*)$ /index.html break;
  }
}

I'm not sure if these rules are correct. I have found similar questions on stackoverflow which have similar rules. e.g. https://stackoverflow.com/questions/49072584/vue-router-nginx-and-direct-link

I have been fiddling with /Users/Sa/.config/valet/Nginx/vue.test but it's not working.

Vue SPA routes work fine when browsing from the homepage but if I go directly to a route then it's showing 404 - Not Found error.

Any help please?