时间戳

首页 > 解决方案 > 无法在我的 Heroku/Express 应用程序中连接到 API

express - 无法在我的 Heroku/Express 应用程序中连接到 API

问题描述

我在 Heroku 上部署了一个 Express 应用程序，并且在本地成功运行的 AJAX 调用不再适用于已部署的应用程序。

例如，当 AJAX 调用的 url 为http://localhost:3001/api/trusts时，调用成功返回。

但是，当部署的应用程序中的 AJAX 调用的 url 是https://someapp.herokuapp.com/api/trusts时，它会给我一个 404 错误。

如何在 AJAX 调用中更正我的网址？我无计可施。

这是我的 server.js：

 //server.js
'use strict'

//first we import our dependencies...
var express = require('express');
var mongoose = require('mongoose');
var path = require('path');
var bodyParser = require('body-parser');
import sitesRoutes from './src/routes/sitesRoutes';
import trustsRoutes from './src/routes/trustsRoutes';

//and create our instances
var app = express();
var router = express.Router();

//set our port to either a predetermined port number if you have set it up, or 3001
var port = process.env.API_PORT || 3001;

//db config
var mongoDB = 'mongodb://SOMEUSERNAME:SOMEPASSWORD!@XXX.mlab.com:XXX/XXX';
mongoose.connect(mongoDB);
var db = mongoose.connection;
db.on('error', console.error.bind(console, 'MongoDB connection error:'));

//now we should configure the API to use bodyParser and look for JSON data in the request body
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

//To prevent errors from Cross Origin Resource Sharing, we will set our headers to allow CORS with middleware like so:
app.use(function(req, res, next) {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Credentials', 'true');
  res.setHeader('Access-Control-Allow-Methods', 'GET,HEAD,OPTIONS,POST,PUT,DELETE');
  res.setHeader('Access-Control-Allow-Headers', 'Access-Control-Allow-Headers, Origin,Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers');


  //and remove cacheing so we get the most recent comments
  res.setHeader('Cache-Control', 'no-cache');
  next();
});

if (process.env.NODE_ENV === 'production') {
      app.get(/^\/(?!api).*/, (req, res) => { // don't serve react app to api routes
        res.sendFile(path.resolve(__dirname, 'client', 'build', 'index.html'));
      });
};

app.use('/api', router);

sitesRoutes(router);
trustsRoutes(router);

//starts the server and listens for requests
app.listen(port, function() {
  console.log(`api running on port ${port}`);
});

标签： expressheroku

解决方案

我认为问题是您的端口号。根据文档，您应该使用 Heroku 为您提供的端口号，该端口号位于PORT环境变量中。

所以也许尝试改变：

var port = process.env.API_PORT || 3001;

至

var port = process.env.PORT || 3001;

推荐阅读