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

tzxcd3kk  于 2022-12-22  发布在  Node.js
关注(0)|答案(1)|浏览(117)

我用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"));

这些是我的文件如何放置:enter image description here
这是我的网站如何在本地渲染:enter image description here
这是我的网站在vercel上的效果图enter image description here
我猜在查找文件的路径时出现了一些错误,我确实尝试过更改它们,但是没有成功。我该如何修复这个问题?

n6lpvg4x

n6lpvg4x1#

结果我只需要这么做:

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

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

相关问题