上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

宜宾网站推广【宜宾办理400电话】宜宾SEO优化、宜宾微信公众号APP客户端小程序开发、宜宾网站托管、宜宾APP开发

宜宾，四川省辖地级市，有“万里长江第一城、中国酒都、中国竹都”之称。 [1]  地处云贵川三省结合部，金沙江、岷江、长江三江交汇处；地形整体西南高、东北低，属中亚热带季风湿润气候，全市森林覆盖率超过46%，空气中负氧离子含量高达47000个/立方厘米（七洞沟），极其适宜人类居住，辖区内长宁县等因此成为著名长寿县。幅员面积13283平方千米，辖3区、7县；2019年末户籍人口551.5万人。

宜宾文化底蕴深厚，有2200年建城史、4000年酿酒史、3000年种茶史，是国家历史文化名城。 [1]  历代名人辈出，养育了李硕勋、赵一曼、阳翰笙、唐君毅、余泽鸿等无数革命先烈和文坛大师，积聚了多姿多彩的长江文化、酒文化、僰苗文化、哪吒文化、抗战文化、民俗风情文化。 [2]  宜宾拥有成都理工大学宜宾校区、四川轻化工大学宜宾校区、西华大学宜宾校区、宜宾学院、四川外国语大学成都学院宜宾校区、宜宾职业技术学院等高校。 [1]  [3-4] 

宜宾是国家确定的沿江城市带区域中心城市，是四川省委确定的长江上游区域中心城市、全国性综合交通枢纽、四川南向开放枢纽门户和7个争创全省经济副中心的城市之一。 [1]  2020年1月，四川省科技厅、四川省发展改革委员会批复支持宜宾等6个市开展省级创新型城市建设。 [5]  2020年2月26日，四川省宜宾市宜宾早茶中国特色农产品优势区被认定为第三批中国特色农产品优势区。

概述

每个菜单项对应一个页面组件，根据菜单项动态按需加载路由

路由配置的正确写法：

/router/index.js/

import Vue from 'vue' import Router from 'vue-router'import url from './url'import store from '../store'Vue.use(Router)const router = new Router({    // mode: 'history',    routes: url,    scrollBehavior (to, from, savedPosition) {        return {       x: 0,       y: 0     }    }}) router.beforeEach(({ meta, path, name }, from, next) => {    let { auth = true } = meta    let isAdmin = localStorage.getItem('admin')    let isLogin = Boolean(isAdmin) // true已登录， false未登录    if (auth && !isLogin && path !== '/login') {        return next({ path: '/login' })    }    if (!auth && isLogin && path === '/login') {        return next({ path: '/home' })    }    store.dispatch('CUR_MENU', name)    next() }) export default router

/router/url.js/

import data from '../store/data.json'const Layout = () => import('@/pages/layout')const Login = () => import('@/pages/login')const NotFound = () => import('@/pages/notFound')function getChildrenPath () {    let childrenPath = []    for (let i in data) {        let sub = data[i].subMenu        for (let j in sub) {            let component = () => import('@/pages' + sub[j].path + '/index.vue')            const item = {                path: sub[j].path,                name: sub[j].name,                component: component            }            childrenPath.push(item)        }    }    return childrenPath}const url = [    {        path: '/',        component: Layout,        children: getChildrenPath()    },    {        path: '/login',        meta: {     auth: false   },        name: '登录页',        component: Login    },    {        path: '*',        name: '404页',        component: NotFound    }]export default url

重点：let component = () => import('@/pages' + sub[j].path + '/index.vue')

动态路径写法，不能省略/index.vue

省略的话不会报错，页面加载也正常，但是会弹警告：

宜宾网站推广【宜宾办理400电话】宜宾SEO优化、宜宾微信公众号APP客户端小程序开发、宜宾网站托管、宜宾APP开发

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）