如何为完美的部署编写now.json文件

如何为完美的部署编写now.json文件,json,deployment,vercel,Json,Deployment,Vercel,我使用以下教程开发了一个视频聊天应用程序,其中包含文件结构: simplewebrtc-messenger ├── public │ ├── images │ │ └── image.png │ ├── index.html │ └── js │ └── app.js ├── README.md ├── now.json └── server.js 我试图使用now.sh来部署我的应用程序,为此我编写了以下now.json文件 { "version":

我使用以下教程开发了一个视频聊天应用程序,其中包含文件结构:

simplewebrtc-messenger
├── public
│   ├── images
│   │   └── image.png
│   ├── index.html
│   └── js
│       └── app.js
├── README.md
├── now.json
└── server.js
我试图使用now.sh来部署我的应用程序,为此我编写了以下now.json文件

{
    "version": 2,
    "name": "VideoChat",
    "builds": [
        { "src": "/server.js", "use": "@now/node-server"},
        { "src": "/public/index.html", "use": "@now/static"},
        { "src": "/public/js/app.js", "use": "@now/node"},
        { "src": "/public/images/*.png", "use": "@now/static"}
    ]
}
但我最终得到的是部署后应用程序的文件夹视图


我希望index.html文件在部署所有功能后显示为默认页面。

如josh所述,您可以使用将特定路径路由到输出Lambda或静态文件

{
    "version": 2,
    "builds": [
        { "src": "/server.js", "use": "@now/node"},
        { "src": "/public/index.html", "use": "@now/static"},
        { "src": "/public/js/app.js", "use": "@now/static"},
        { "src": "/public/images/*.png", "use": "@now/static"}
    ],
    "routes": [
        { "src": "/", "dest": "/public/index.html" },
        { "src": "/js/(.*)", "dest": "/public/js/$1" },
        { "src": "/images/(.*)", "dest": "/public/images/$1" },
        { "src": "/api", "dest": "/server.js" }
    ]
}
或者,您可以使用静态生成器将整个
public
目录复制到输出

{
    "version": 2,
    "builds": [
        { "src": "/server.js", "use": "@now/node"},
        { "src": "/public/**", "use": "@now/static"}
    ],
    "routes": [
        { "src": "/", "dest": "/public/index.html" },
        { "src": "/(.+js|.+css|.+png|.+ico|robots.txt)", "dest": "/public/$1" },
        { "src": "/api", "dest": "/server.js" }
    ]
}

尝试设置应用程序的路由添加路由帮助我将index.html页面设置为默认页面,但该页面显示时没有任何样式,按钮不起作用,仅显示其标签,并且没有视频通话功能。当我在本地托管时,所有这些都起到了作用。您可以在这里@gunach查看我的在线托管页面,并且没有部署
css
。也许您忘记将css文件包含在
public
目录中。我建议使用我的第二个例子。您可以通过添加
/\u src
查看。另外,我刚刚修复了我的第一个
now.json
中的一个打字错误。