vue.js - 网站上的某些页面在部署后不会显示

Question

我设法通过 Heroku 部署了我的第一个网站，但是当我单击图标查看另一个页面（当前项目页面）时，它不会显示 - 我得到一个“无法获取当前项目”。我做了一些研究，发现我的 Vue.Js 路由器可能需要更改，它目前处于历史模式。有谁知道我在哪里可以找到有关如何更改它的信息？我做了一些研究，没有运气。我还附上了我的 router.js 页面。任何帮助或线索表示赞赏。

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import CurrentProjects from './views/CurrentProjects.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/CurrentProjects',
      name: 'CurrentProjects',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import(/* webpackChunkName: "about" */ './views/CurrentProjects.vue')
    }
  ]
})

标签： vue.jsherokuweb-deployment