为什么所有的路由都跳转到根路径,而无法跳转到正确路径?使用 mode: 'history'之后就可以。

来源:1-6 项目基本架构设计

hbbdmc

2019-11-12 23:17

import Vue from 'vue'

import Router from  'vue-router'

import Cart from './pages/cart'

import Addr from './pages/address'


Vue.use(Router);


//这样才能让router插件生效

export default new Router({

    mode: 'hash',//vue路由默认是hash模式。vue路由默认是hash,改成history模式

    routes:[

        {

            path:"/",

            name:"cart",

            meta:{//设置元数据

                auth:true

            },

            component:Cart//cart虽然是一个页面,但是在Vue中一切都是组件,组件习惯大写

        },

        {

            path:"/address",

            name:"addr",

            component:Addr//cart虽然是一个页面,但是在Vue中一切都是组件,组件习惯大写

        }

    ]

});


写回答 关注

2回答

  • 幕布斯0498935
    2020-03-03 22:17:52

    是不是引入的组件路径有问题呢

    幕布斯049...

    因为hash模式中hash模式部分不包含在http请求中

    2020-03-03 22:21:29

    共 1 条回复 >

  • RaymondZhong
    2019-11-30 23:21:24

    https://www.cnblogs.com/goloving/p/9147551.html

基于Vue2.6开发商城核心页面

从零入门最新Vue商城项目,掌握一系列的Vue语法知识。

5508 学习 · 114 问题

查看课程

相似问题