javascript - 从外部引入路由配置不起作用

问题描述

问 题

主入口文件
src/main.js

import Vue from 'vue'
import App from './App'
import VueResource from 'vue-resource'
import todo from './pages/todo'
import hello from './pages/hello'
import VueRouter from 'vue-router'
import {routes} from './routes'
Vue.use(VueResource)
Vue.use(VueRouter)
var router = new VueRouter()
router.map({
  '/': {
    component: {
      template: '<p>默认</p>'
    }
  },
  '/todo': {
    component: todo
  },
  '/hello': {
    component: hello
  }
})
console.log(routes)
router.start(App, 'body')

src/routes/index.js

/**
 * Created by Administrator on 2016/8/16 0016.
 */
export default {
  routes: {
    '/': require('./home'),
    '/todo': require('./todo'),
    'hello': require('./hello')
  },
  alias: {
    // '/login/:username': '/login'
  }
}

控制台输出console.log(routes)为undefined
求解，是不是还应该配置什么?

解决方案

import 和 export 用法不对，如果export default， 你那边应该是

import Config from 'xxx'
console.log(Config.routes)

如果你想 import { routes } from 'xxx'
那边应该写

let routes = {}

export routes

这篇关于javascript - 从外部引入路由配置不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！