Разрабатываю приложение на
Vue.js. Использую
Vue CLI. При запуске сервера из консоли командой
npm run serve, роутинг работает. После того как делаю build и запускаю приложение с сервера "Опен сервер" (так как еще и бэкенд использую), роутинг перестает работать. То есть, когда в адресной строке браузера написано:
localhost:8080/about - работает, подгружается страница About. Когда
site.loc/about - не работает, браузер пишет:
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.
Роутинг реализую стандартно из документации ко Vue:
//...
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) }
})