CORS issue when trying to connect to server hosted on Heroku

[MogleyBear06]

Hi Everyone,

I’m trying to make api calls from a server hosted on Heroku. I’m using cors, redirects etc. but nothing seems to work. I’m thinkng that Heroku and Netlify simply forbid connecting with another so I’d like for someone to look at the following screenshots and provide some insight. Also, I’ve tried using /api/* https://bringme-adb2ba8d3a4a.herokuapp.com/api/:splat 200 in an _redirects file at the root but when I plug this into the file the it’s recognized as a css file. There’s another method I tried which is to create a dist folder, putting the file in that and configuring the netlify settings so that it reads this to build. The issue is that I have a toml file which overides these settings so that doesn’t work. I just need a definitive answer so I can find another hosting service if need be.

Link to site: https://main--bringmee.netlify.app/

Thanks in advance,

Nick

client side auth
![Screenshot 2023-07-26 at 4.13.41 PM|604x500]
(upload://z3sW2Qm61zETOn7Tzr7z6hB3ABl.png)

server side

[hrishikesh]

Change your netlify.toml to:

[build]
  command = "CI=false npm run build"
  functions = "functions"
  publish = "client/build"

[[redirects]]
  force = true
  from = "/search"
  status = 200
  to = "https://bringme-adb2ba8d3a4a.herokuapp.com/search"

[[redirects]]
  force = true
  from = "/api/*"
  status = 200
  to = "https://bringme-adb2ba8d3a4a.herokuapp.com/:splat"

[[redirects]]
  from = "/*"
  status = 200
  to = "/index.html"