Vue. js маршруты отправляются на 404 при обновлении - PullRequest
Новая
       10

Vue. js маршруты отправляются на 404 при обновлении

0 голосов
/ 16 января 2020

Я проложил маршруты, если щелкнуть ссылку на сайте, она работает как надо. Но когда вы на этой странице (например, / aboutUs) и обновите sh, или просто скопируете URL-адрес, вставьте его и нажмите Enter, чтобы отобразить страницу, не найденную. Как это исправить? Закончились идеи, не могу найти ответ, который работает где-либо

main. js ниже: 

Vue.config.productionTip = false;

Vue.use(VueRouter);

Vue.prototype.$careerEmpty = false;

const router = new VueRouter({
    mode:'history',
    scrollBehavior(to, from, savedPosition){
        if (to.hash) {
            return { selector: to.hash}
        } else if (savedPosition) {
            return savedPosition;
        } else {
            return {x:0, y:0}
        }
    },
    routes
});

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

маршрутов. js ниже: 

import firstPage from "@/components/Pages/firstPage";
import aboutUsPage from "@/components/Pages/aboutUsPage";
import pageNotFound from "@/components/pageNotFound";

const routes = [
    {path: '/', component: firstPage},
    {path: '/aboutUs', component: aboutUsPage},
    {path: '/404', component: pageNotFound},
    {path: '*', redirect: '/404'},
];

export default routes;

1 Ответ

0 голосов
/ 16 января 2020

Вы можете использовать vue режим истории роутера. Проверьте здесь

Vue .use (Router, {mode: 'history'});

...