时间戳

首页 > 解决方案 > Sapper Svelte 博客从服务器获取数据

svelte - Sapper Svelte 博客从服务器获取数据

问题描述

我在让 Sapper 示例博客从数据库中获取真实数据时遇到问题。在示例中，数据来自 js 文件。我试图用我自己的数据替换数据，从服务器获取数据，就像在 _post.js 中一样

import fetch from "node-fetch";

export default (async () => {
    const response = await fetch('https://www.exampleserver.de/posts?id=1309');
    let json = await response.text();
    //json = JSON.parse(json);
    posts = json;
    return posts;


})()

但它给了我这个错误

TypeError: posts$1.map is not a function
    at Object.<anonymous> (/Users/mark/01_m_code/01 SVELTE SAPPER/04 blog/__sapper__/dev/server/server.js:43:41)

我不得不承认我对 sapper 和 svelte 还很陌生，也许我对 slug 的真正工作原理没有正确的理解。任何帮助表示赞赏

标签： svelteslugsapper

解决方案

一个async函数总是返回一个promise——当你看到时posts$1.map is not a function，那是因为promise没有map方法（如果有，它就不是你想要的）。

基本上，您需要await在需要该数据的路由处理程序中做出该承诺：

import posts_promise from './_posts.js';

export async function get(req, res) {
  const posts = await posts_promise;
  res.writeHead(200, { 'Content-Type': 'application/json' });
  res.end(JSON.stringify(posts));
}

推荐阅读