将Vue应用程序部署到Heroku时出现错误

时间:2019-12-13 09:14:46

标签: node.js vue.js heroku web-deployment

我有一个使用vue cli设置的vuejs应用,我正在尝试将我的应用部署到heroku。

这是我的服务器:

const express = require('express');
const port = process.env.PORT || 8080;

const app = express();

app.use(express.static(__dirname + "/dist/"));
app.get(/.*/ , function(req,res) {
  res.sendfile(__dirname + "/dist/index.html");
});

app.listen(port);

console.log("Server started..."); 

  • 我从gitignore中删除了dist
  • 我在package.json中添加了一个类似“ start”:“ node server.js”的起点

这是我在控制台上看到的内容:

无法加载资源:服务器以状态503(服务不可用)/favicon.ico:1响应

以下是heroku日志:

2019-12-13T08:55:49.464914 + 00:00 heroku [router]:at =错误代码= H10 desc =“应用程序崩溃”方法= GET路径=“ /”主机= followgoals.herokuapp.com request_id = 09df33ae-96ab-415a-929b-530fb943318d fwd =“ 37.130.123.179” dyno = connect = service = status = 503字节=协议= https 2019-12-13T08:55:49.828341 + 00:00 heroku [router]:at =错误代码= H10 desc =“应用程序崩溃”方法= GET路径=“ / favicon.ico”主机= followgoals.herokuapp.com request_id = 21de7307-502e-4104-a648-8e6b0832a3fe fwd =“ 37.130.123.179” dyno = connect = service = status = 503 bytes = protocol = https

那我该怎么办解决问题?

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,在本地运行,在Heroku上出现503错误,并通过转到数据库云服务(mongodb atlas)对其进行了修复,并将集群上的白名单设置从“ home”更改为“ anywhere” “。

https://www.youtube.com/watch?v=leNNivaQbDY&t=31s