刷新页面时Vue.js路由错误

Question

我加载的页面的prop id为e.d.通过routerlink / blogpost / edit / 1 。 首先，此页面加载完美，但是当我刷新页面时，所有内容均消失，我在控制台中收到此错误：

加载资源失败：服务器响应状态为404（未找到）-> main.js：1

整个页面空白。

我已经在路由器中使用历史记录模式，我的路由器和路由如下所示：

路由器

import Vue from 'vue';
import VueRouter from 'vue-router';
import routes from './routes';

Vue.use(VueRouter);

const router = new VueRouter({
    mode: 'history',
    base: __dirname,
    routes
});

export default router;

路线

{
    name: "blogpost/edit",
    path: '/blogpost/edit/:id',
    component: Blogpost,
},

您有没有遇到这个问题和/或知道如何解决此问题？