Nodejs 本地 API 不起作用

Question

我正在使用 NodeJs 做一个大学项目，但在本地测试它时遇到了一些麻烦。

这就是问题所在： 我有一个 GET API "/api/services/names" 并且 NodeJS 服务器在端口 8080 上运行。

如果我通过将 URL 放在 Chrome 栏 ("http://localhost:8080/api/services/names") 中使用 Postmanor 测试 API，它可以正常工作并且我可以得到我的响应。

问题是，如果我在本地网站上使用 fetch() 在这个函数中测试它：

function fetchServicesNames(){
    fetch('/api/services/names')
        .then(function(response){
            return response.json();
        })
        .then(function(data){
            data.map(addServiceLink);
        });
}

Javascript 控制台给了我这个错误：

Failed to load resource: the server responded with a status of 404 (Not Found)

我注意到，当我悬停控制台错误时，它显示的请求字符串“http://localhost/api/services/names”没有端口。但我认为这不是问题，因为当我在 Heroku 平台上部署应用程序时，它工作正常......问题只是在 localhost 中（我正在使用 Mac OSX 10.10.2 的 2010 年中期 macbook pro） .

感谢您的帮助，提前感谢您。

编辑： 根据要求，我在这里添加服务器代码

// server.js for Hypermedia Application project.

// BASE SETUP
//============================================================

// call packages
var express    = require('express');
var app        = express();
var bodyParser = require('body-parser');

app.use(express.static(__dirname + "/public"));

// we use body-parser, so we need to be able to read data either from 
// GET and POST:
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());


// setting the application port to listen 
var serverPort = process.env.PORT || 5000;

// --- database connection omitted ---

// API ROUTES
// ================================================================
// first of all: get the Router
var router = express.Router();

/**
 * Services names
 * /api/services/names  - get   - get all services ids and names
 */
router.route('/services/names')
.get(function (req, res) {

    Service.find({}, 'id name', function (err, services) {

        if (err)
            res.send(err);

        res.json(services);
    });  

});

// --- Other APIs omitted ---

// REGISTER ROUTES:
// all of our routes will be prefixed with /api
app.use('/api', router);


// START THE SERVER
//===================================================================
app.set("port", serverPort);

app.listen(serverPort, function() {
    console.log(`Your app is ready at port ${serverPort}`);
});

Answer 1

在您添加的服务器页面上

app.use(function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
});

在您的 API 之前

它可能对 CORS 有帮助

Answer 2

亲爱的我建议你写总路径像

http://localhost:<your port number>/api/services/names

在 fetch() 里面检查一次

我也试过了，我成功了

Answer 3

你好尝试修改fetch('http://'+window.location.host+':8080/api/services/...)这样的行