Giter Club home page Giter Club logo

Comments (4)

tinesoft avatar tinesoft commented on June 2, 2024 4

Ok, turns out you must to set the cookie.domain option from the config object NgcCookieConfig (even in localhost) for the cookie to be set.

I have updated docs and code, to make that more clear for future users.

In the meantime, simply set this parameter in your consuming app and you should be good to go!

import {NgcCookieConsentModule, NgcCookieConsentConfig} from 'ngx-cookieconsent';

const cookieConfig:NgcCookieConsentConfig = {
  cookie: {
    domain: 'your.domain.com' // it is mandatory to set a domain (even in localhost), for cookies to work properly
  }
};

@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgcCookieConsentModule.forRoot(cookieConfig), ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}

Note: if you are using Angular CLI for your consuming app, you can take advantage of environments to control the domain based on your running environment:

environments/environment.ts: (dev)

export const environment = {
  production: false,
  cookieDomain: 'localhost' // -<< must be 'localhost'
};

environments/environment.prod.ts: (prod)

export const environment = {
  production: true,
  cookieDomain: 'your.domain.com' // -<< must be the domain of deployed app
};

and use it as such:

import {NgcCookieConsentModule, NgcCookieConsentConfig} from 'ngx-cookieconsent';
import { environment } from './../environments/environment';

const cookieConfig:NgcCookieConsentConfig = {
  cookie: {
    domain: environment.domain // -<< domain will change base on your running env
  }
};

@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgcCookieConsentModule.forRoot(cookieConfig), ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}

from ngx-cookieconsent.

habibmohamed06 avatar habibmohamed06 commented on June 2, 2024 4

I think the best way to avoid this kind of problem is to look for the domain name directly :

const cookieConfig:NgcCookieConsentConfig = {
cookie: {
domain: window.location.hostname
}
};

from ngx-cookieconsent.

Byloor avatar Byloor commented on June 2, 2024

Works Perfectly. i had set cookie.domain before(even though it was mentioned as not mandatory) . I had set it to http://localhost:4200/ .
Thank you so much :)

from ngx-cookieconsent.

tinesoft avatar tinesoft commented on June 2, 2024

Good to know!

FYI, you don't need the full URL, just the domain name (localhost or my.domain.com) is enough. See

It wasn't clear to me either that this setting was kind of mandatory (and not just "recommended" as stated in official docs).
Anyway, i will update the code to enforce that and update docs to make that more clear in the future.

from ngx-cookieconsent.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.