Comments (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.
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.
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.
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)
- [Bug] HOT 2
- [Bug] Angular 13 not supported HOT 1
- [Bug] SSR - Cookie popup has not yet been instantiated. Cannot invoke {{methodName}}
- [Bug] ccService.initializing, ccService.initialized and ccService.initializationError does not exist on NgcCookieConsentService HOT 2
- [Feature] Angular 14 HOT 22
- The automated release is failing 🚨
- [Bug] Wrong `peerDependencies` for rxjs for Angular v14+ HOT 3
- Does not save its own cookie on AWS amplify HOT 1
- Cookie popup not appearing in published website HOT 1
- [Bug] Restrictive `peerDependency` of `rxjs` causes conflicts with other packages
- [Bug] whitelistPage and blacklistPage options are not working well
- [Bug] Support for Angular 15 HOT 1
- The automated release is failing 🚨
- [Bug] Needs to be Ivy compliant [Angular 16] HOT 18
- How do I opt-in a session when cookie consent is not required?
- Cookie-banner disabled by AdBlocker[Bug] HOT 1
- [chore] Update to latest Nx version
- [chore] Setup Nx Dependency Check ESLint
- [Feature] Add mobileForceFloat option HOT 1
- How to set consent? How to prevent popup opening after setting cookie? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-cookieconsent.