NuxtJS：刷新页面或直接转到特定路线时，Nuxt 出现 500 错误

Question

我有一个页面，我使用 asyncData 从页面内获取所需的数据。当我从主页进入这个页面时，没有问题，但是如果我刷新同一页面，页面就会出现错误500。 在我的项目中 SSR 是 TRUE 这是我的代码：

import { GetPriceDetails } from "@/services";


  asyncData({ params }) {
    return GetPriceDetails.getDetails(params.coinName).then(
      (res) => {
        return {
          coinData: res.data.data,
        };
      }
    );
  },

我已将

target

更改为

static

并尝试

npm run generate

关键是这个问题发生在

localhost

而不是

production server

Answer 1

我仍然认为我们需要看看该部分失败的地方，但也尝试使用 async/await

async asyncData({ params }) {
  const coinData = (await GetPriceDetails.getDetails(params.coinName).data;
  return { coinData };
}

Answer 2

听起来像是与SSR相关的问题。

尝试使用仅客户端标签包裹模板内部。

https://nuxt.com/docs/api/components/client-only#clientonly

<template>
 <ClientOnly>
 
  ..content

 </ClientOnly>
</template>

您还可以禁用 SSR 进行测试： 在 nuxt.config.ts 添加

ssr: false

Answer 3

设置 nuxt.config.js

ssr:false 

解决了我的问题