1、middleware.ts
export {default} from "next-auth/middleware";
export const config = {
matcher:[
"/trips",
"/reservations",
"/properties",
"/favorites"
]
};
在 Next.js 中,你可以使用中间件(Middleware)来处理服务器端和客户端的请求。如果你想要在用户未登录的情况下阻止他们访问特定的页面,你可以在中间件中检查用户的登录状态。
“/trips”、”/reservations”、”/properties” 和 “/favorites” 这些页面将会被这个中间件处理。
如果用户尝试访问这些页面,NextAuth.js 的中间件将会检查他们的会话状态。如果他们没有登录,他们可能会被重定向到登录页面(这取决于你的 NextAuth.js 配置)。如果他们已经登录,他们的会话信息将被保存,可以在页面中使用。
2、vercel 部署项目
登录后可以新建一个项目

从关联的github中拉取一个项目

点击“import”跳转到项目编辑页面:

将项目中.env中的信息拷贝到“Environment Variables”,数据会自动以列表排布:

然后点击“Deploy”按钮进行项目部署,部署成功后会出现以下界面:

点击中间屏幕就会跳转到你的项目。

3、项目部署完结
自此项目开发全部结束:
- 作品地址(国外):https://custem-cloud-inn.vercel.app/
- 作品地址(国内):https://huangssssx.top/
- github地址:https://github.com/huangssssx/custem-cloudInn