Cookies Only set in Chrome – not set in Safari, Mobile Chrome, or Mobile Safari

by

After a battle I’ve figured this out with the help of this post Setting a domain with Express sessions stops cookie from being saved.

The issue comes down to third party cookies.

If you’re sending data from server.herokuapp.com to site.herokuapp.com you’re going to have this issue. The solution is to use the same custom domain for both your frontend and backend Heroku applications.

You should add a custom domain to your frontend and a subdomain to your backend Heroku application. Frontend should look like mywebsite.com and backend should look like server.mywebsite.com.

Within your DNS the subdomain should be server in this example and point to the Heroku DNS target for the backend. The frontend subdomain should be @ or www and point to the Heroku DNS target for the frontend.

Once your applications are being served from the same URL and you have cors set up you will no longer have any third party cookie issues.

You can read more about this here

More Related Contents:

  1. Make Axios send cookies in its requests automatically
  2. Setting cross-domain cookies in Safari
  3. Cross domain POST request is not sending cookie Ajax Jquery
  4. How do sessions work in Express.js with Node.js?
  5. iframe not reading cookies in Chrome
  6. Download a file from NodeJS Server using Express
  7. Start script missing error when running npm start
  8. Set a cookie to HttpOnly via Javascript
  9. HTTP GET Request in Node.js Express
  10. Get and Set a Single Cookie with Node.js HTTP Server
  11. Cross-origin data in HTML5 canvas
  12. What is the “best” way to get and set a single cookie value using JavaScript
  13. Reading cookie expiration date
  14. How can I delete all cookies with JavaScript? [duplicate]
  15. Can’t access cookies from document.cookie in JS, but browser shows cookies exist
  16. How to set expiration date for cookie in AngularJS
  17. Getting around same origin policy in javascript without server side scripts
  18. I want to store Javascript array as a Cookie
  19. Stop people having my website loaded on multiple tabs
  20. How do I get the domain originating the request in express.js?
  21. Running an Express server middleware alongside Nuxt
  22. Cannot set cookies in Javascript
  23. Express routes: .get() requires callback functions but got a [object Object]
  24. Regex eError when using {1}+ possessive quantifier in JavaScript regex
  25. Setting Cookies using JavaScript in a local html file
  26. Unable to send numbers using res.send() using express with node
  27. get url after “#” in express.js middleware request
  28. how to use jQuery installed with npm in Express app?
  29. Getting setting cookies on different domains, with JavaScript or other
  30. Cross-domain XMLHttpRequest using background pages

Leave a Comment