[Vuejs]-Page not found when reload the page in Vue

Surge does not support .htaccess files. The file you added is specific to servers running Apache.

From their docs, there’s two ways to do this.

1: Adding redirects

ROUTER files are part of Surge Plus. When you publish, you’ll be prompted to upgrade your project right from the CLI.

Unfortunately, you need an upgraded account to access this feature. They also don’t have any examples of more complicated redirects, so you’d need to try these yourself, or reach out to their support.

2: Adding a 200.html

To take advantage of this with Surge, add a 200.html file into the root of your project. Now, when a request for a URL comes in where you don’t have a static HTML page, it will reach your 200 page instead, allowing you to use your client-side router.

Your 200.html file should contain enough HTML and javascript to mount you app and allow your router to take over. You could start by copying your apps index.html, and placing the contents inside a 200.html located in the same folder as your index.html.