在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vueRouter 帶二級菜單URL跳轉(zhuǎn)失敗~

vueRouter 帶二級菜單URL跳轉(zhuǎn)失敗~

問題描述

我的項(xiàng)目當(dāng)配置成二級的時候,例如這樣==> demo.com/admin/setting,當(dāng)我打開這個頁面的時候;vue會跳轉(zhuǎn)到 demo.com/這個根目錄下。并且有如下的報錯

clipboard.png

但是如果是一級的,例如demo/admin這樣的,就沒有任何問題~請教下各位這是什么原因呢?

route.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import lazyLoading from './lazyLoading';

Vue.use(VueRouter);

const routes = [
    {
        path:'/',
        component: lazyLoading('auth/Login'),
        name: 'auth.login'
    },
    {
        path: '/admin',
        component: lazyLoading('home/Index'),
        name: 'admin.index'
    },
    {
        path:'/admin/setting',
        component:lazyLoading('home/Setting'),
        name:'admin.setting'
    },
    {
        path:'/contactus',
        component:lazyLoading('home/Contactus'),
        name:'home.Contactus'
    },
    {
        path:'/help',
        component:lazyLoading('home/Help'),
        name:'home.help'
    }
];

export default new VueRouter({
    mode: 'history',
    routes: [
        ...routes,
    ],
    strict: process.env.NODE_ENV !== 'production'
});
回答
編輯回答
不舍棄

問題已經(jīng)解決:

因?yàn)槲矣昧藨屑虞d的方式,所以setting組件被分割成了0.js、1.js這樣的。如果這個頁面的路由是二級的 會提示js 404;這個時候只需要在webpack 里面配置output就行了;ps:我用的是laravel

mix.js('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css')
    .webpackConfig({
        node: {
            fs: "empty"
        },
        module: {
            noParse: /(mapbox-gl)\.js$/
        },
        output: {
            publicPath: "/"
        }
    })
    .version([
        'public/js/app.js',
        'public/css/app.css'
    ]);
2018年9月22日 11:56
編輯回答
乖乖噠

可以使用嵌套路由啊,比如
`
{ path: '/admin', component: lazyLoading('home/Index'),

  children: [
    {
      path: '/setting',
      component:lazyLoading('home/Setting')
    }]

}
`

2018年9月5日 21:02
編輯回答
忠妾

本地測試vue-router是支持二級路由的呢,你那是不是在配置文件里配置了什么,或者后臺有沒做什么限制

2018年8月30日 07:24