小编Jih*_*won的帖子

Angular5服务器端渲染,外部Api数据服务在ssr中不起作用

我已经安装并成功使用了Angular5 + SSR。还是很不错的。

所有组件都可以在SSR和Non-SSR上正常运行。还有一些服务可以调用外部HTTP get api来获取一些数据。当然,它在非SSR模式下也能很好地工作。

但是,问题在于,在SSR上,节点服务器确实支持点支持来获取和呈现数据。我只能在客户端获取和呈现后才能看到获取的数据。

import {Injectable} from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import 'rxjs/add/operator/map';
import {Observable} from "rxjs";

const httpOptions = {
    headers: new HttpHeaders({ 'Content-Type': 'application/json' })
};

@Injectable()
export class BannerService {

    constructor(public http: HttpClient){
        console.log('SmsService Initialized...');
    }

    getBanners(){
        return this.http.get(BASE_API_URL + '/getData', httpOptions);
    }
}
Run Code Online (Sandbox Code Playgroud)

home.component.ts

import {Component, OnDestroy, OnInit} from '@angular/core';
import { Router } from "@angular/router";
import {Subscription} from "rxjs/Subscription";
import {BannerService} from "../../services/banner.service";

@Component({
    selector: 'app-home',
    styleUrls: ['home.container.css'], …
Run Code Online (Sandbox Code Playgroud)

server-side-rendering angular-universal angular

5
推荐指数
0
解决办法
2854
查看次数