参考コード

  • どこにも当てはまらない場合に 404 を簡易的に表示する
  • メンバー詳細ページも簡易的に存在しないユーザーページを作る
router.js
import notFound404 from "./pages/notFound404";
const router = new Router({
  routes: [
    {
      path: "*",
      component: notFound404
    }
  ]
});
/pages/MemberDetails.vue
<script>
import profiles from "./memberProfiles";
export default {
  computed: {
    id() {
      return Number(this.$route.params.id);
    },
    myProfile() {
      const profile = profiles.find(profile => profile.id === this.id);
      if (!profile) {
        return {
          name: "メンバーが見つかりません",
          profile: ""
        };
      }
      return profile;
    },
    name() {
      return this.myProfile.name;
    },
    body() {
      return this.myProfile.profile;
    }
  }
};
</script>