[copy airbnb] 16、项目部署&完结

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、项目部署完结

自此项目开发全部结束:

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部