iview-admin2.3.0 技术文档.docx

技术文档

一、vue 基础配置：

在根目录下找到 

const 

 !"

#

这个地方配置打包后  的项目名称

$!%&!'#()*+

配置端口号：

在根目录的 !'!)4 中，有55#+

55#5 ,   675/

5&,5#5 , &,5/

5,5#5 , ,5/

5#5#5 , #5/

5#85#5 , #85

3/

在 后面加则设置成  端口

跨域下统一的后端接口地址：在  下

二、路由配置

在  下路由配置

在   中，路由配置承担着重要的作用，它影响着如下内容：

左侧菜单内容

是否缓存该页

该页面图标（显示在菜单、面包屑和 ! 标签）

接下来来看如何配置路由

路由的配置是在 ""文件夹下， ""文件中定义路由拦截的逻

辑，""文件中定义页面路由信息。

#路由可配项

父级菜单

$()$*该页面在左侧菜单、面包屑和标签导航处显示的图标，如果是自定义图标，

需要在图标名称前加下划线"."

&)$"&/$"()$*用于跳转到外部连接

0

你可以在菜单栏中显示一个任意连接，并且点击该菜单项会打开新窗口展示链接到的页面

在路由中需要如下定义：

)2

%

&$""3

$"#4"3

$%

&)$"&/$&#4"3

8在独立页面展示的页面

如登录页、错误页这种独立的页面，无需使用 ' 组件，则直接定义在 中

)27的数组中，如登录页的定义如下：

)2

%

&$""3必须项

$""3必须项，后面缓存页面需要用到，且这个  是唯一的

$%

5$"6登录"3

&'$是否在左侧菜单中隐藏，默认为 )

03

$(*9(":"*

03

7

$"5"3一级目录

5$"多级菜单"

03

$'3一级目录必须使用 ' 组件作为 

&$2

%

&$".1.#"3

$".1.#"3一级目录下的二级页面

$%

$"&&"3

5$"二级#"

03

$(*9(":5#"*这引入的是页面单文件

03

$%

$"&&"3

5$"二级1"

03

$ 3如果该路由不是页面，而是二级即更多级目录，需要用

  组件

&$2

%

$%

5$"三级"

03

$(*9(":511#"*

0

0

>路由拦截

如果你的登录页面  值为 ，则无需修改。

引用 &/$#4&C的说明，但是在如果在父级菜

单设置  的同时设置权限限制，很可能会出现没有权限访问的人打开  报错3

导致菜单显示不出来，不建议在父级菜单设置 属性

三 、权限配置

权限控制分两种，即整个页面具有权限控制，和页面中单个组件需要权限。

#整个页面访问限制

整个页面的权限控制较为简单，你只需要在路由配置的  中配置  字段即可，它是

一个数组，如果你没有设置  字段，那么该页面是所有用户都可以访问的；如果你设

置了该字段，那么只有该字段所设置的数组中包含的权限名称的用户可访问该页面。 如下：

&$"#"3

$2"."7;

;如果这级路由有子路由，则子路由也只有 . 才能访问

;如果不设置此字段，则所有用户均可访问

;

0

0

1单个组件浏览控制

如果你的一个页面上有多个组件，而不同的组件对于权限的要求又有所不同，那么，你可

以使用如下方法给一个组件设置根据权限值配置它的可访问性：

=9