CSS和图像在Vercel上部署时不工作

Question

我创建了一个带有Mailchimp API的新闻通讯应用程序，并希望将其部署到vercel。我确实得到了html和js工作，但由于某种原因，我的css不工作。

这是我的vercel.json

上的代码

{
"version": 2,
"builds": [
{
"src": "./index.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/(.*)",
"dest": "/"
}
]
}

我在index.js中添加了这行代码

app.use(express.static("public"));

这些是我的文件的位置:输入图片描述

这是我的网站是如何渲染本地:输入图片描述

，这就是我的网站是如何渲染vercel:输入图片描述

我猜在找到文件的路径时有一些错误，我确实试图改变它们，但是，它不起作用。我该如何解决这个问题?

Answer 1

我所要做的就是:

app.use(express.static(__dirname + "/public/"));

和我的网站开始渲染所有的图像和css。