27 lines
1.2 KiB
Vue
27 lines
1.2 KiB
Vue
<template>
|
||
<div>
|
||
<el-alert title="温馨提示：1、此页面无法模拟后端控制路由，因为 `gitee` 上所请求的 `json` 菜单数据线上会出现跨域的情况（json地址：
|
||
https://gitee.com/lyt-top/vue-admin-wonderful-images/raw/master/next-admin/menu/testMenu.json）。2、本地接口请求文件位置：`/src/api/menu/index.ts`。
|
||
3、拉取代码后本地请求查看后端控制页面路由效果：`/src/utils/themeConfig.ts`中开启（isRequestRoutes 为 true，则开启后端控制路由）。
|
||
4、此页面效果只作为演示使用，若出现不可逆转的bug，请尝试 `F5` 刷新页面。5、默认启用的是 `前端控制路由`。" type="warning" :closable="false"></el-alert>
|
||
<el-button type="primary" size="small" class="mt15" icon="el-icon-position" @click="onGoToFrontEndPage">立即前往前端控制路由
|
||
</el-button>
|
||
</div>
|
||
</template>
|
||
|
||
<script lang="ts">
|
||
import { useRouter } from "vue-router";
|
||
export default {
|
||
name: "limitsBackEndEndPage",
|
||
setup() {
|
||
const router = useRouter();
|
||
// 立即前往前端控制路由
|
||
const onGoToFrontEndPage = () => {
|
||
router.push("/limits/frontEnd/page");
|
||
};
|
||
return {
|
||
onGoToFrontEndPage,
|
||
};
|
||
},
|
||
};
|
||
</script> |