Why does routing stop working on the web server?

Question

Vue.js

I am developing an application on Vue.js . I am using Vue CLI . When starting the server from the console with npm run serve , the routing works. After I build and run the application from the "Open Server" server (because I also use the backend), the routing stops working. That is, when the address bar of the browser says: localhost:8080/about - it works, the About page is loaded. When site.loc/about doesn't work, the browser says: Object not found! The requested URL was not found on this server. The link on the referring page seems to be wrong or outdated. Please inform the author of that page about the error.
I implement routing as standard from the Vue documentation:

//...
const routes = {
  '/': Index,
  '/about': About,
  '/contacts': Contacts
}

new Vue({
  el: '#app',
  data: {
    currentRoute: window.location.pathname
  },
  computed: {
    ViewComponent() {
      return routes[this.currentRoute] || NotFound
    }
  },
  render(h) { return h(this.ViewComponent) }
})

Answer 1

Found what I needed. In the documentation for Vue CLI.
See here: https://cli.vuejs.org/ru/guide/deployment.html
and here: https://router.vuejs.org/ru/guide/essentials/histo...
I just didn't know how everyone it is called.

Answer 2

Open server and node have different configs, the node application probably uses its own server.
this is most likely the reason. You are accessing OpenServer, not the node application.
UPD: I work with nuxt.js, there is a function for generating a static site, if you use it, then it’s quite possible to get by with just one open server