API Gateway Content Type issue

Question

Hi Team , 
We wanted to expose PingAccess Console via APIGateway.

We have below flow :
Internet --> AWS API Gateway --> Private NLB --> EC2(Hosted PingAccess Admin Console)

We have deployed AWS API Gateway  REST API with proxy integration and VPC link configuration but we are no able to open the same using API Gateway Endpoint.

We are getting below error in Browser.

`Refused to apply style from 'https://pingaccess.dev.obiebank.obly.io/dist/styles.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.`

We have added `Content-Type` in `Response Headers` and remove `application/json` from `Content-Type` option in `Method Response` tag.

Note: We are able to open PingAccess Console from NLB , with creating Public NLB.

Answer

Are you using [Proxy Resource](https://docs.aws.amazon.com/apigateway/latest/developerguide/api-gateway-method-settings-method-request.html#api-gateway-proxy-resource)?

Seems like your issue is that API gateway is not forwarding the URL path to NLB, so your backend is always returning the content of `https://pingaccess.dev.obiebank.obly.io/` (which most likely is an HTML page)

If you don't want to specify all possible URL path in the API gateway, using proxy resource is the way to capture all URL suffix and forward to the backend.

https://docs.aws.amazon.com/apigateway/latest/developerguide/api-gateway-set-up-simple-proxy.html

API Gateway Content Type issue

관련 콘텐츠