Javascript 立即在zeit上使用链接到html的CSS和JS客户端文件_Javascript_Css_Node.js_Express_Vercel

Javascript 立即在zeit上使用链接到html的CSS和JS客户端文件

javascript css node.js express

Javascript 立即在zeit上使用链接到html的CSS和JS客户端文件,javascript,css,node.js,express,vercel,Javascript,Css,Node.js,Express,Vercel,我有一个简单的Express应用程序，为公用文件夹中的html文件定义路由。在这个index.html文件中，我链接了同一文件夹中的css和js文件。当我使用npm start时，它可以正常工作，但当我现在在zeit上发布它时，js文件出现错误404，并且“拒绝应用来自“”的样式，因为它的MIME类型（'text/html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。”对于css文件这是我的部署：这是我的项目：查看您的代码-我认为问题在于您用于引用css和js文件的路径

我有一个简单的Express应用程序，为公用文件夹中的html文件定义路由。在这个index.html文件中，我链接了同一文件夹中的css和js文件。当我使用npm start时，它可以正常工作，但当我现在在zeit上发布它时，js文件出现错误404，并且“拒绝应用来自“”的样式，因为它的MIME类型（'text/html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。”对于css文件
这是我的部署：

这是我的项目：

查看您的代码-我认为问题在于您用于引用css和js文件的路径

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="public/style.css">
    <script type="text/javascript" src="public/index.js"></script>
    <title></title>
</head>
<body>
    <button onclick="buttonClicked()">This is a button</button>
</body>
</html>


这是一个按钮

从

public

文件夹提供的文件将从您的网站根目录中提供，例如。现在，尽管您的html将在中查找css和js文件

因此，在html中，您只需删除

href

和

src

路径上的

public

部分，这应该可以工作

不确定要构建什么，但如果您只想提供一些静态或简单的API文件，则可能不需要Express。看看这篇介绍文章。

我尝试了你的解决方案，但似乎不起作用。通过添加

app.use（express.static（path.join（uu dirname，“/”），我终于找到了css的解决方案

到my server.js，但仍然找不到我的js文件。目前我找到的唯一解决方案是添加app.get（“/public/index.js”，（req，res）=>{res.sendFile（uu dirname+“/public/index.js”）；}）；但是，如果我必须为每个文件都这样做，这将是有问题的，所以我仍然在寻找更好的解决方案。然后，如果你想知道，我想做一个express passport socket.io应用程序，所以我不认为我可以做得不同。我不确定我是否理解你到底想做什么，但你仍然可以以常规方式提供静态文件：。此外，您还可以使用

now.json

config文件检查路由是否更易于配置：