@uni-helper/vite-plugin-uni-middleware

WIP Use route middleware in uni-app with Vite.

English | 简体中文

Installation

1pnpm i -D @uni-helper/vite-plugin-uni-middleware

Usage

1// vite.config.ts
2import { defineConfig } from "vite";
3import Uni from "@dcloudio/vite-plugin-uni";
4import UniMiddleware from "@uni-helper/vite-plugin-uni-middleware";
5export default defineConfig({
6  plugins: [Uni(), UniMiddleware()],
7});

Define the middleware in src/middleware

1// src/middleware/auth.ts
2import { defineMiddleware } from "@uni-helper/vite-plugin-uni-middleware/runtime";
3import { useStore } from "../store";
4
5export default defineMiddleware((to, from) => {
6  const store = useStore();
7  if (!store.isLogin) {
8    return "/pages/login/index";
9  }
10});

Add middleware config on global or page in pages.json

1// pages.json
2{
3  ...
4  "middleware": ["global"],
5  "pages": [{
6    "path": "pages/index/index",
7    "middleware": ["auth"]
8  }]
9  ...
10}

Configuration

see types.ts

Notes

If you used vite-plugin-uni-pages, you will create pages.d.ts to define type of middleware

1declare module "@uni-helper/vite-plugin-uni-pages" {
2  export interface PagesConfig {
3    middleware: string[];
4  }
5}
6export {};

If you added config for page, just only use route-block

1<route>
2{
3  "middleware": ["auth"]
4}
5</route>