angular - 使用带有真实数据的 lite 服务器

Question

Lite server 和 Browser-sync 是用于快速 UI 编程的非常好的工具。当我尝试从我的真实 Web 服务器获取数据的 ajax 调用时，我的问题出现了。

对我来说，通过 ajax 调用从真实服务器（java、php、c# 等）获取 json 对象似乎很基本，但我似乎找不到任何示例如何做到这一点。

请指教。

Answer 1

我在这里找到了答案： https ://github.com/chimurai/http-proxy-middleware/blob/master/recipes/servers.md#lite-server

文件：bs-config.js

var proxy = require('http-proxy-middleware');

module.exports = {
    server: {
        middleware: {
            1: proxy('/forecasts', {
                target: 'http://api.aerisapi.com/forecasts/',
                changeOrigin: true   // for vhosted sites, changes host header to match to target's host
            }),
            2: require('connect-history-api-fallback')({index: '/index.html', verbose: true})
        }
    }
};

Answer 2

使用 Angular 2Http服务。谷歌它，你会发现很多例子。这是一个好的开始：https ://angular.io/docs/ts/latest/guide/server-communication.html 它可以完成您需要的一切，包括发送标头。确保您的服务器启用了 CORS。