去除vue项目URL中的#

qq_50768380

已于 2022-08-16 15:52:04 修改

阅读量296

点赞数

文章标签： vue.js javascript 前端

于 2022-08-16 15:45:29 首次发布

本文链接：https://blog.csdn.net/qq_50768380/article/details/126367698

版权

去除vue项目URL中的#

打开路由文件index.js
在这里插入图片描述
在代码中加入一行： mode: ‘history’,如下：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router);

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Home',
      component: () => import("../views/Home"),
    },
    {
      path: '/test',
      name: 'TestDemo',
      component: () => import("../views/test-demo"),
    }
  ]
})