1. 目錄結構
廢話不多說,直接上圖。
目錄結構,如下圖所示
2. 代碼編寫位置
在router目錄下面的index.js文件中寫入以下代碼
import Vue from 'vue'import Router from 'vue-router' Vue.use(Router) let routes = [] const routerContext = require.context('./', true, /index/.js$/) routerContext.keys().forEach(route => { // 如果是根目錄的 index.js、 不做任何處理 if (route.startsWith('./index')) { return } const routerModule = routerContext(route) // 兼容 import export 和 require module.export 兩種規范 Es modules commonjs routes = [...routes, ...(routerModule.default || routerModule)] }) export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: routes})
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對武林網的支持。
新聞熱點
疑難解答