## 菜单配置 > 详见文档的前端开发指南部分 #### 方式一 动态路由配置 ![WX20190514-183737@2x.png](https://i.loli.net/2019/05/14/5cda9aac9145956471.png "WX20190514-183737@2x.png")![WX20190514-183819@2x.png](https://i.loli.net/2019/05/14/5cda9ab18305955234.png "WX20190514-183819@2x.png") * 记得在角色菜单为该用户分配该新添加的菜单权限 #### 方式二 固定路由配置 * `src/router/router.js` ~~~ // 作为Main组件的子页面展示但是不在左侧菜单显示的路由写在otherRouter里 export const otherRouter = { path: '/', name: 'otherRouter', redirect: '/home', component: Main, children: [ { path: 'test', title: '测试页面', name: 'test', component: () => import('@/views/xboot-vue-generator/test.vue') }, ] }; ~~~ ## 页面编写 ~~~ // test.vue文件 <template> <div> <Card> <h1>代码生成测试页 可将生成的代码全部粘贴至此test.vue文件</h1> </Card> </div> </template> ~~~ ## 获取后台数据 文件可以被访问后,接下来就是完善界面信息,从后台获取数据。获取数据的方法都写在和文件对应的api文件夹中。 ### axios()函数 axios()可以设置全局的配置,例如请求头信息,拦截器等,这样的好处是可以避免重复配置。`src/libs/axios.js`中已封装好各种请求方法。 关于axios()的使用可以参考:[https://www.kancloud.cn/yunye/axios/234845](https://www.kancloud.cn/yunye/axios/234845)