Angular Local Dev Testing

I have been going around in circles and would appreciate some help please. I have got an Angular 6 app running locally under the domain of http://gregduffield.com:4200 I have added this to the API Key as an authorised Domain but I am still getting a CORS error

Failed to load https://api.companieshouse.gov.uk/search/companies?q=barclays: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://gregduffield.com:4200' is therefore not allowed access.

Any help would be much appreciated.

Please search the forum for Access-Control-Allow-Origin, there are many posts that will help.

Thanks Mark, I have done this and that is why I am confused.

I am running locally as gregduffield.com:4200 which is mapped to 127.0.0.1
I have updated the API to allow http://gregduffield.com:4200 which I thought would then be the answer but I am still getting the CORS error. As CORS is defined on the Server I am not sure what else I can do to get this working locally at the moment?

Thanks

As far as localhost stuff goes the following should work (apologies if you read this already):

Maybe the ports part is confusing CH? I don’t know how ports work in the Companies House scheme of things when registering an api URL e.g. possibly the issue is the “:4200”. In the thread above it seems that what you need is:

If you have the possibility to, what happens if you try just using “localhost” and then as per: