vue去除访问路径的#

在使用vue-router插件时，在new VueRouter配置路由规则后，点击连接不能进入响应的页面，如下

点击文章应该出现对应的文章字体，但是由于路径http://localhost:8080/blog#/始终不能正确，实现不到预期的效果
只有让路径变成http://localhost:8080/blog才可实现
查找资料在路由配置添加mode:"history"即可
具体代码如下

import App from './App.vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter); 
const router = new VueRouter({
    mode: 'history',
    // 路由配置
    routes: [ // 路由规则
        { path: "/", component: Home },
        { path: "/blog", component: Blog }
    ]
})