NextJS / Vercel / MongoDB FetchError: запрос на http://localhost: 3000 / api / gear не выполнен, причина: подключить ECONNREFUSED 127.0.0.1:3000 - PullRequest
Новая
       72

NextJS / Vercel / MongoDB FetchError: запрос на http://localhost: 3000 / api / gear не выполнен, причина: подключить ECONNREFUSED 127.0.0.1:3000

0 голосов
/ 27 мая 2020

Я использую Next JS для вызовов API к MongoDB. Когда я go на API ссылку , я вижу, что запрос MongoDB возвращается. Однако, когда я пытаюсь получить эти данные на веб-страницу, я получаю внутреннюю ошибку сервера 500. Журналы функций показывают следующую ошибку: 

2020-05-27T17:17:02.129Z    5a0c88b0-da63-4225-acf1-ea1d589ff438    ERROR   FetchError: request to http://localhost:3000/api/gear failed, reason: connect ECONNREFUSED 127.0.0.1:3000
    at ClientRequest.<anonymous> (/var/task/node_modules/next/dist/compiled/node-fetch/index.js:1:147710)
    at ClientRequest.emit (events.js:310:20)
    at Socket.socketErrorListener (_http_client.js:426:9)
    at Socket.emit (events.js:310:20)
    at emitErrorNT (internal/streams/destroy.js:92:8)
    at emitErrorAndCloseNT (internal/streams/destroy.js:60:3)
    at processTicksAndRejections (internal/process/task_queues.js:84:21) {
  message: 'request to http://localhost:3000/api/gear failed, reason: connect ECONNREFUSED 127.0.0.1:3000',
  type: 'system',
  errno: 'ECONNREFUSED',
  code: 'ECONNREFUSED'
}

Весь код работает локально при запуске npm run dev, он просто не работает при размещении на Vercel. Я просто не совсем понимаю, почему, когда я перехожу на страницу API, он возвращает данные MongoDB, но когда я пытаюсь вызвать этот API с другой страницы, он не может подключиться.

Для справки я использовал это ссылка для создания моих вызовов базы данных.

Ниже приведен getInitialProps для отказавшей страницы, а также промежуточное ПО базы данных.

gear.jsx 

import React, { Fragment } from "react"
import fetch from 'isomorphic-unfetch'

//Returned HTML here based on query. Left this part out to keep the issue simple.

export async function getServerSideProps() {
    const res = await fetch('http://localhost:3000/api/gear')
    const json = await res.json()
    return { props: { gearArray: json } }
}

export default Gear;

api / gear. js

import nextConnect from 'next-connect';
import middleware from '../../middleware/database';

const handler = nextConnect();

handler.use(middleware);

handler.get(async (req, res) => {
    let gear = await req.db.collection('gear').find({}).sort({gear: 1}).toArray();
    res.json(gear);
});

export default handler;

база данных. js

import { MongoClient } from 'mongodb';
import nextConnect from 'next-connect';

const client = new MongoClient(process.env.MONGOURL, {
  useNewUrlParser: true,
  useUnifiedTopology: true,
});

async function database(req, res, next) {
  if (!client.isConnected()) await client.connect();
  req.dbClient = client;
  req.db = client.db('BassTabs');
  return next();
}

const middleware = nextConnect();

middleware.use(database);

export default middleware;

1 Ответ

0 голосов
/ 28 мая 2020

При размещении вашего приложения на Vercel вам необходимо изменить URL-адрес получения на https://my-bassist-chris.mybassistchris.now.sh/api/gear, потому что именно отсюда сейчас поступают данные.

При локальном запуске вашего приложения вы используете localhost .

...