在 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。