count of cookies is zero after page refresh and angular routing with url rewrite

Question

I am using angular Spa template with .net core 2.0 and angular 4.

I am getting zero count of cookies after page refresh. and in fact I am not getting anything in HttpContext after page gets refreshed.

Here is my cookie in browser.

it's working fine if I uses angular system menu.

Now, here is my code for getting cookie in back end.

    private string GetCookie(HttpContext httpContext, string cookieName)
    {
        var rqstCookie = httpContext.Request.Cookies[cookieName];

        return !string.IsNullOrEmpty(rqstCookie) ? rqstCookie : null;
    }

one important thing is that when I click in menu, it loads component and service files and then it requests to C# controller with all headers and options. but when I refresh page this whole process get skipped, so I think this options are not delivered to back end and that's why my cookies are empty.

in my other applications, I have used url rewrite for same kind of issues and it worked over there but here because this application is angular spa template, url rewrite is not working.

I have also tried to setup the url rewrite, the same way I did in my old applications, but it gives me error. here is the link of the url rewrite module that I followed. https://mcmap.net/q/157185/-how-do-i-configure-iis-for-url-rewriting-an-angularjs-application-in-html5-mode

I have updated cookies to Session cookie but it's also not working.

can you guide me how to get all the cookies and other data even when user refreshes page. thanks...

Menado

You can use localStorage.. – Tousle

I cannot, I have to run this with only cookie.. – Menado

Answer 1

It was a angular side issue.

when I added APP_BASE_HREF in my routing module, it suddenly started working.

https://mcmap.net/q/112949/-angular-2-router-no-base-href-set

Here is my code,

import { APP_BASE_HREF } from "@angular/common";

export const sharedConfig: NgModule = {
    bootstrap: [ AppComponent ],
    declarations: [
        AppComponent,
        ...
        ],
    imports: [
        HttpModule,
        ...,
        RouterModule.forRoot([
            { path: "", redirectTo: "home", pathMatch: "full" },
            { path: "**", redirectTo: "home" }
        ], { useHash: true }),
    ],
    providers: [
        { provide: APP_BASE_HREF, useValue: '/' },
    ],
};

So, it's basically a hashing technology in router side, and seems I was missing this provider in my app too.

Menado

also should to re-serve or re-build project, hot reload not rebuild APP_BASE_HREF provider somewhy – Pl

Answer 2

try to specify when the cookie will expire by using this code when writing cookie

 option.Expires = DateTime.Now.AddDays(x);

 Response.Cookies.Append(cookiename, cookievalue, option);

you can modify AddDays(x) to the number of days you want

Daren

Was using angular and every time the application starts the token becomes empty, after setting the expiry time it worked. – Schuh