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

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。

Answer 2

react-date-picker 的自定义 CSS 样式不起作用