nuxt3 和服务器文件夹的部署问题

Question

我有 nuxt3 的应用程序，它从服务器文件夹中的其他服务器调用 API，然后从 vue 文件调用 API 并使用数据。当使用

npm run generate

部署应用程序时，网络选项卡为我提供了此路由的 404。有人有什么想法吗？

简单

server/api/file

：

export default defineEventHandler(async (event) => {
  const { public: base } = useRuntimeConfig(event);
  const cookies = parseCookies(event);
  const headers = {
    "Accept-Language": cookies.ln,
  };
  const { data } = await $fetch(`mybaseurl/home`, {
    headers: headers,
  });
  return data;
});

然后我从

vue.file

调用这个文件，如下所示：

const { data, pending } = await useFetch("/api/home");
storeHome.setHomeData(data.value);

Answer 1

您无法访问生成的站点上的服务器端点，因为没有服务器正在运行！！

如果您希望使用服务器端功能，那么您需要运行构建而不是生成的站点。请使用

npm run build

命令，然后使用

npm run preview

。

然后您应该能够在浏览器中访问

http://localhost:3000/api/file

。