将vue应用程序部署到heroku时出错

Question

我有一个vuejs应用程序，它是用vue cli设置的，我正在尝试将我的应用程序部署到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=error code=h10 desc=“App brassed”method=get path=“/”host=followgoals.herokuapp.com request_id=09df33ae-96ab-415a-929b-530fb943318d fwd=“37.130.123.179”dyno=connect=service=status=503 bytes=protocol=https 2019-12-13t08:55:49.828341+00:00 Heroku[router]:at=error

那么我能做什么修复问题呢？

Answer 1

我也遇到了同样的问题，在heroku上处理了本地503错误，我通过访问我的db云服务（mongodb atlas）来修复它，并将我集群上的白名单设置从“home”更改为“anywhere”。

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