开始写一个简单blog时，配置好了路由，结果跳转一个页面不显示，就报这错误。
路由具体配置如下：

import Vue from 'vue'
import VueRouter from 'vue-router'

const blog = () => import('views/Blog.vue');
const blogDetail = () => import('views/blogDetail.vue');
const blogEdit = () => import('views/blogEdit.vue');
const login = () => import('views/login.vue');

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/blog',
  },
  {
    path: '/blog',
    component: blog
  },
  {
    path: '/login',
    component: login
  },
  {
    path: '/blog/add',
    name:'blogEdit',
    component: blogEdit
  },
  {
    path: '/blog/:blogId',
    component: blogDetail
  },
  {
    path: '/blog/:blogId/edit',
    component: blogEdit
  },


]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

当我浏览器输入跳转到blog/add时，就不显示内容，报了这个错误。然后我直接重定向到这个页面就行了，但是手动输入这个页面就不行。（作为小白的我觉得这个报错太阴间了），最后网上找到了问题所在，我是为了写路径简单，之前就配置了vue.config.js文件。
解决方法：
在vue.config.js中做如下配置：

module.exports = {
    publicPath: '/',
}

最后重新serve下这问题就解决了~~~