在项目根路径下新建"middleware"文件夹，接着在建一个执行文件"auth.ts"文件，在文件内添加如下代码做路由拦截

export default defineNuxtRouteMiddleware((to, from) => {
	console.log(to, from)
  // isAuthenticated() is an example method verifying if a user is authenticated
  // if (isAuthenticated() === false) {
  //   return navigateTo('/login')
  // }
})

这段被注释的代码举例判断用户是否登录成功的路由拦截

然后再需要被拦截的vue页面上添加路由拦截

<!-- 添加路由拦截 -->
<script setup>
definePageMeta({
	middleware: 'auth'
})
</script>

这样子就可以，当路由定位到这个页面时就会触发中间件的拦截

本文地址：
转载请著名出处，谢谢！
欢迎交流
QQ：419268793