@Inject(REQUEST) not available at angular side about ng-universal

[ostrowskikrzysztof]

It seems that this is still problem (v.4.0.1), REQUEST is null in ng component on ssr.

My app.component.ts

import { Component, Inject, Optional, PLATFORM_ID } from '@angular/core';
import { Request } from 'express';
import { REQUEST } from '@nguniversal/express-engine/tokens';
import { isPlatformServer } from '@angular/common';

@Component({
  selector: 'workspace-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.styl'],
})
export class AppComponent {
  title = 'title';

  constructor(
    @Optional() @Inject(REQUEST) private request: Request,
    @Inject(PLATFORM_ID) private readonly platformId: any,
  ) {
    if (isPlatformServer(this.platformId)) {
      console.log('my request', this.request);
    }
  }
}

Providers for REQUEST and RESPONSE were removed in that commit
b43e23f#diff-a721ebf1ae45ad7227e059567df31f08L39

[mbeckenbach]

I've found it.

You are adding it to the extraProviders in setup-universal.utils.ts as 'serverUrl'.

{
          provide: 'serverUrl',
          useValue: `${options.req.protocol}://${options.req.get('host')}`
        }

Then on the client side it can be injected as an optional dependency:

constructor(
    @Inject(PLATFORM_ID) platform: any,
    @Optional() @Inject('serverUrl') serverUrl: string
  ) {
    if (isPlatformServer(platform)) {
      console.log('api urls should be prefixed with:', serverUrl);
    }
  }

So it should be easy to create an http interceptor to make api calls working in ssr.

Maybe this should be added to your example app and documentation.

[eugenotop]

import { CookieService, CookieBackendService } from 'ngx-cookie';
@NgModule({
  imports: [
    AppModule,
    ServerModule,
    ModuleMapLoaderModule,
  ],
  bootstrap: [AppComponent],
  providers: [{ provide: CookieService, useClass: CookieBackendService }], // <--- CHANGES * * * * *
})
export class AppServerModule {}

/* server.ts */

// Find the call to res.render() in the file and
// update it with providers for 'REQUEST' and 'RESPONSE'

app.get('*', (req, res) => {
  res.render('index', {
    req: req,
    res: res,
    providers: [
      {
        provide: 'REQUEST', useValue: (req)
      },
      {
        provide: 'RESPONSE', useValue: (res)
      }
    ]
  });
});

Error
CookieService -> InjectionToken REQUEST
NullInjectorError: No provider for InjectionToken REQUEST! `

[kamilmysliwiec]

Fixed in #12. Published as 0.3.0

[Mephiztopheles]

my app is throwing expections on every reload, because my server doesnt get the cookies for Authentication