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

问题描述:

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

I have a vuejs app which set up with vue cli, and i'm trying deploy my app to 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"

    • I remove dist from gitignore,
    • I aded a start point like "start": "node server.js" in package.json
    • 这是我在控制台上看到的内容:

      Here's what i see on console :

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

      Failed to load resource: the server responded with a status of 503 (Service Unavailable) /favicon.ico:1

      以下是heroku日志:

      Here's heroku logs :

      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 bytes = protocol = 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

      2019-12-13T08:55:49.464914+00:00 heroku[router]: at=error code=H10 desc="App crashed" 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 code=H10 desc="App crashed" method=GET path="/favicon.ico" host=followgoals.herokuapp.com request_id=21de7307-502e-4104-a648-8e6b0832a3fe fwd="37.130.123.179" dyno= connect= service= status=503 bytes= protocol=https

      那我该怎么办解决问题?

      So what can i do the fix problem ?

我遇到了同样的问题,在本地工作,在heroku上出现503错误,我通过转到数据库云服务(mongodb地图集)进行了修复,并进行了更改我的群集上的白名单设置从家"到任何地方".

I had the same problem, worked on local, 503 error on heroku, and I fixed it by going to my db cloud service(mongodb atlas), and changed the white list setting on my cluster from "home" to "anywhere".

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