【vue2.0】解决使用vue-cli生成项目后项目地址自动添加#号的问题

使用vue官方的vue-cli脚手架自动生成项目后，在启动项目后，会自动打开 ‘http://localhost:8080/#/’ 地址，而且一直没法去掉“#”号。直到后来重新详细看vue-router官方文档，才发现，这是由路由的默认配置模式引起的。解决方法是将路由配置成history模式，代码如下：export default new Router({mode: 'history',

李留白

6717人浏览 · 2017-02-22 15:54:30

李留白 · 2017-02-22 15:54:30 发布

使用vue官方的vue-cli脚手架自动生成项目后，在启动项目后，会自动打开 ‘http://localhost:8080/#/’ 地址，而且一直没法去掉“#”号。直到后来重新详细看vue-router官方文档，才发现，这是由路由的默认配置模式引起的。

解决方法是将路由配置成history模式，代码如下：

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    }
  ]
})

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^