skip to Main Content

I host my react app on uberspace. They use apache and have X-Content-Type-Options: nosniff enabled. Which I like.
However when I host my react app I get the following error in firefox console:
The resource from “url...” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
I figured out that the mimetype of the js is for some reason text/html. Saw that in network tab in the firefox developer tools.
I added AddType text/javascript js to my .htaccess, but it doesn’t help.
I think the problem is, that the js is served as html mimetype and I don’t know how to force it to be mimetype js.

Any ideas?
Thank you

2

Answers


  1. I might be late but I solved my similar problem.

    Check if the file path is correct or that the file is there.

    I used SvelteKit static build and I only uplouaded the index.html file and not the _assets which contain files with new randomly generated filenames.

    Reference: Resource blocked due to MIME type mismatch (X-Content-Type-Options: nosniff) dav’s answer

    Login or Signup to reply.
  2. Make sure you’re actually requesting the correct URL to the JavaScript file.

    All reasonably configured web servers should return Content-Type: application/javascript for .js files by default. There shoudn’t be the need to override the standard configuration using an .htaccess file.

    I had the same issue, but when I looked closely, I noticed a 404 error that occurred right before the script error:

    Refused to execute script

    So the browser is (rightfully) refusing to parse the 404 error document as a script.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search