gpt4 book ai didi

bootstrapping - Next.js 客户端和服务器端引导代码

转载 作者:行者123 更新时间:2023-12-01 05:50:16 30 4
gpt4 key购买 nike

我在哪里可以放置将在服务器端和客户端引导的代码?我在两端都需要一些逻辑,并且不想在多个地方维护它。我尝试/考虑过:

  • 将其添加到 src/components/_app.jsconstructor但这似乎只在客户端执行(或者对于服务器端的 getInitialsProps 来说还不够早)。
  • 将其添加到 _app.js constructorserver.js , 虽然这意味着我的逻辑不能使用模块系统 import因为server.js不是那样编译的。
  • 最佳答案

    这将有助于为其提供一些背景信息。当您说将被引导的代码时,您是指将要执行的函数,还是您正在寻找一个通用的代码库,例如在客户端和服务器端都使用的实用程序函数。

    我假设您的意思是有一个将在客户端和服务器端执行的文件(实用程序函数的情况)。这样,您可以考虑将文件放在项目的根目录中,例如./util.js
    这意味着如果您在客户端需要它(例如 ./pages/index.js ),您可以像这样引用它:

     import { testUtil } from '../util.js';

    如果您在服务器文件夹中需要它(我更喜欢将服务器代码放在 ./server 目录中),您可以像这样引用它:
    const { testUtil } = require('../util.js');

    唯一的缺点是您必须编写不使用 ES6 结构的代码来确保客户端和服务器之间的互操作性。

    关于bootstrapping - Next.js 客户端和服务器端引导代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55296379/

    30 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com