在vercel上启动模拟服务器

Question

我有一个React项目，并安装了json-server节点模块的模拟服务器。
(供您注意:这里是json-server文档，以便更好地理解。1)
我可以用npm script [npm run mock]启动mock服务器。
运行脚本后，模拟服务器开始使用以下链接:localhost:3000。
这个react项目在本地环境下运行良好。
现在我要在vercel上部署react项目。
但是我不知道在vercel上启动模拟服务器。
如何在vercel上启动模拟服务器?

这是包的脚本。

{
...
"scripts": {
"start": "PORT=3001 react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"mock": "json-server --watch src/mock/db.json",
"preinstall": "npm install --package-lock-only --ignore-scripts && npx npm-force-resolutions"
}
...
}

你要查什么请多问我。

Answer 1

我也有类似的问题，这篇文章救了我的命。

https://shadowsmith.com/how-to-deploy-an-express-api-to-vercel

我没有和我的React项目一起部署，而是将JSON Server作为一个单独的模拟服务器部署。

首先，您需要创建一个server.js以将JSON Server作为模块运行。参考:https://github.com/typicode/json-server模块

在文件末尾，导出server以便Vercel将Express转换为无服务器功能

// Export the Express API
module.exports = server;

最后但并非最不重要的是，创建一个vercel.json以便部署到Vercel。

以下是我的脚本供您参考:https://github.com/kitloong/json-server-vercel