（四）SvelteKit教程：调用外部 API 获取数据

（四）SvelteKit教程：调用 API

我们先按照如下的方式来构建api服务：

step 1:

npm i json-server


step 2:

在根目录下新建 db.json 文件，内部写入如下内容：

{

"users": [

{

"id": 1,

"name": "Alice",

"email": "alice@example.com"

},

{

"id": 2,

"name": "Bob",

"email": "bob@example.com"

}

]

}


step 3：

在 package.json 中添加如下命令：

"scripts": {

"serve-json": "json-server --watch db.json --port 4000",

...

}



step 4：
运行命令：npm run serve-json

至此，你可以通过 http://localhost:4000/users 来访问刚才创建的用户数据。

接下来，我们在 SvelteKit 项目中调用这个 API。

首先，我们在 /about 目录下面新建一个 +page.js 文件，内容如下：

export const load = async (loadEvent) => {
   

const {
    fetch} = loadEvent;

const title = "About Us Ming title";

const response = await