Nodejs 我想问一下各位这个 Strapi 是如何告诉 Next.js 使用那个目录的 ，或者这个方法可行吗

发布于 1周前 作者 phonegap100 来自 nodejs/Nestjs

一个使用 Strapi 作为后端,并为多个 Next.js 前端应用提供服务 通过写一个 Strapi 的中间件识别域名进行渲染对应域名的 next 网站

当用户访问不同的域名时,对应的 Next.js 应用会接收到请求,然后在应用内部通过 API 请求从 Strapi 获取数据。Next.js 应用可以根据请求的域名来判断当前访问的是哪个网站,并相应地调用 Strapi API 获取对应网站的数据。
.
├── backend/
│ ├── …
│ └── package.json
├── frontend/
│ ├── sqkj/
│ │ ├── …
│ │ └── package.json
│ ├── asx/
│ │ ├── …
│ │ └── package.json
│ └── npg/
│ ├── …
│ └── package.json
├── package.json

使用同一个项目 同一个端口
Nodejs 我想问一下各位这个 Strapi 是如何告诉 Next.js 使用那个目录的 ，或者这个方法可行吗


Harmonyos Next教程
2 回复

太复杂了吧，感觉一个 Nextjs 应用就够，可以看看 rewrites 。


在IT领域，Strapi与Next.js的结合使用确实能够构建一个功能强大的前后端分离的应用。关于你提到的Strapi如何告诉Next.js使用哪个目录的问题，实际上这通常是通过API请求和数据流来实现的，而不是直接通过目录路径配置。

在Strapi中，你的内容通常存储在数据库中，并通过API接口暴露给前端。Next.js作为前端框架，通过发起HTTP请求来从Strapi获取数据。这意味着，Next.js并不直接关心Strapi的文件目录结构，而是关心Strapi提供的API端点和返回的数据。

以下是一个简化的示例，展示了如何在Next.js中通过fetch API从Strapi获取数据：

// 在Next.js的某个页面中
import React, { useEffect, useState } from 'react';

function SomePage() {
  const [data, setData] = useState(null);

  useEffect(() => {
    fetch('http://localhost:1337/api/your-endpoint')
      .then(response => response.json())
      .then(result => setData(result));
  }, []);

  return (
    <div>
      {data ? (
        <pre>{JSON.stringify(data, null, 2)}</pre>
      ) : (
        <p>Loading...</p>
      )}
    </div>
  );
}

export default SomePage;

在这个例子中，fetch函数被用来从Strapi的API端点获取数据，并将数据存储在React组件的状态中。这种方法使得Next.js能够动态地展示从Strapi获取的内容，而无需关心Strapi的文件目录结构。

回到顶部