gin-cors | Cross Origin Resource Sharing middleware | Web Framework library

I'm trying to make a Cordova game using Three.js where it could be playable Offline, but it seems Three.js is very keen on making it mandatory to serve texture files via http. Is there a way around this? I'm desperately trying to avoid using a Node.js server for my game, if possible

Before you mention it can't be done, there are plenty of games on Google Play/App Store that are 3D and work offline, e.g Temple Run, Match 3D, ect. How do these work?

Since trying to load GLB/GLTF models, have to use import {GLTF} method in my index.js file, which my index.html file needs index.js to be declared as a module, which in turn gets hit with a CORS

I've tried converting my .glb files to .json and using Three.js's built-in ObjectLoader, but I get an error THREE.ObjectLoader: Can't load resources/models/test.json

index.html

I have a working React application with a working backend made with .NET Core. I have experienced a CORS issue. Errors where clearly logged. Initially, I "solved" the problem by using a chrome extension (this one) as explained here.

Later on, I tried a better alternative, allowing CORS via code in my .NET Core application. This solved my problem. My react application (using localhost:3000) was able to use the backend (localhost:5000). The extensions was not needed anymore.

Logically, I was really happy everything worked fine. However, after putting my application in the Cloud (AWS Amplify for frontend, EKS for backend) problems appeared. Even my extension did not help solving it. Apparently, I have a different kind of CORS problem when using AWS Amplify instead of localhost.

This is a problem that even the extension does not solve (and neither does not code). Logically, it is not directly a problem that my extension does not help me. However, it shows that I simply have a different kind of CORS problem.

What different kind of CORS problem do I have as the extension does not solve it?

And how to solve this problem?

I am following a tutorial on how to do a login authentication using spring security and angular but whenever I'm running the angular program and try to login I get a 401 error. I feel like it's a cors issue and created a cors filter class which was a solution to a similar question but i'm still getting the same error. The login details are correct as I use the same credentials to login to localhost:8080 for the backend but when I try to login using the front-end I get the following error in the index.

Error:

Request URL: http://localhost:8080/login

Request Method: GET

Status Code: 401

Remote Address: [::1]:8080

Referrer Policy: no-referrer-when-downgrade

Access-Control-Allow-Headers: access_token, authorization, content-type

Access-Control-Allow-Methods: POST, PUT, GET, OPTIONS, DELETE

Access-Control-Allow-Origin: *

Access-Control-Max-Age: 4200

Cache-Control: no-cache, no-store, max-age=0, must-revalidate

Connection: keep-alive

Content-Length: 0

Date: Tue, 28 Jul 2020 07:47:34 GMT

Expires: 0

Keep-Alive: timeout=60

Pragma: no-cache

Vary: Origin

Vary: Access-Control-Request-Method

Vary: Access-Control-Request-Headers

WWW-Authenticate: Basic realm="Realm"

WWW-Authenticate: Basic realm="Realm"

X-Content-Type-Options: nosniff

X-Frame-Options: DENY

X-XSS-Protection: 1; mode=block

Accept: application/json, text/plain, /

Accept-Encoding: gzip, deflate, br

Accept-Language: en-GB,en-US;q=0.9,en;q=0.8

Authorization: Basiccml6YW5hOmp0MTQz

Connection: keep-alive

Host: localhost:8080

Origin: http://localhost:4200

Referer: http://localhost:4200/login

Sec-Fetch-Dest: empty

Sec-Fetch-Mode: cors

Sec-Fetch-Site: same-site

User-Agent: Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N)

AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.89 Mobile Safari/537.36

I've tried:

Angular 2 Spring Boot Login CORS Problems

Tutorial:

https://www.youtube.com/watch?v=QV7ke4a7Lvc

spring security config

I am working on ReactJs in which i am trying to use third party api. As i tested the api in postman, all the api's are working fine. But when i integrated the api in my project i am getting CORS error. I have searched on the google. I found the solution that use Proxy server. I tried using proxy server but still not working for me. May be I did not implement it correctly. I referred these links :

https://daveceddia.com/access-control-allow-origin-cors-errors-in-react-express/

https://levelup.gitconnected.com/overview-of-proxy-server-and-how-we-use-them-in-react-bf67c062b929

DO i need to install anything? Any help is appreciated.

package.json