'The resource was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff) - Contao CMS

I have implement a fresh installation of a website (based on Contao CMS https://docs.contao.org/ ) To be more specific I have cloud storage on IONOS cloud and there I have installed linux distribution with Contao CMS. This give me plesk to manage the the server and the website

My site is accessible through internet.

Although I am facing a problem and I have search all over the internet for a solution but nothing works.

When it loads it gives me an error in console log: enter image description here

First I cannot understand why it gives me a "/#" at the end of the link. In case I hade a file or something that it couldn't find I would added to the file manager folder in order to correct the mistake. Now I cannot understand why. I can see that i have some errors in fonts and some styles with this error. I have enable the X-Content-Type-Options=nosniff" like this:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">  
<meta name="robots" content="index,follow">
<meta name="description" content="Frankfurt">
<meta name="keywords" content=""> 
<meta name="generator" content="Contao Open Source CMS">
<meta content="text/html; charset=UTF-8; X-Content-Type-Options=nosniff" http-equiv="Content-Type" />
<title>Frankfurt</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/favicon.svg" color="#333333">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

My .htacess file is:

<IfModule mod_headers.c>
    # Allow access from all domains for webfonts (see contao/core-bundle#528)
    <FilesMatch "\.(ttf|ttc|otf|eot|woff2?|font\.css)$">
        Header set Access-Control-Allow-Origin "*"
        Header set X-Content-Type-Options nosniff
        AddType text/css .css
    </FilesMatch>
</IfModule>

<IfModule mod_rewrite.c>
    RewriteEngine On

    # BEGIN 09.03.2020
    RewriteCond %{HTTP_HOST} ^test.com\.page$ [NC]
    RewriteRule ^(.*)$ https://www.test.com/$1 [R=301,L]
    # END 09.03.2020    
    
    # Determine the RewriteBase automatically and set it as environment variable.
    # If you are using Apache aliases to do mass virtual hosting or installed the
    # project in a subdirectory, the base path will be prepended to allow proper
    # resolution of the app.php file and to redirect to the correct URI. It will
    # work in environments without path prefix as well, providing a safe, one-size
    # fits all solution. But as you do not need it in this case, you can comment
    # the following 2 lines to eliminate the overhead.
    RewriteCond %{REQUEST_URI}::$1 ^(/.+)/(.*)::\2$
    RewriteRule ^(.*) - [E=BASE:%1]

    # Sets the HTTP_AUTHORIZATION header removed by Apache
    RewriteCond %{HTTP:Authorization} .
    RewriteRule ^ - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

    # Redirect to URI without front controller to prevent duplicate content
    # (with and without `/app.php`). Only do this redirect on the initial
    # rewrite by Apache and not on subsequent cycles. Otherwise we would get an
    # endless redirect loop (request -> rewrite to front controller ->
    # redirect -> request -> ...).
    # So in case you get a "too many redirects" error or you always get redirected
    # to the start page because your Apache does not expose the REDIRECT_STATUS
    # environment variable, you have 2 choices:
    # - disable this feature by commenting the following 2 lines or
    # - use Apache >= 2.3.9 and replace all L flags by END flags and remove the
    #   following RewriteCond (best solution)
    RewriteCond %{ENV:REDIRECT_STATUS} ^$
    RewriteRule ^app\.php(?:/(.*)|$) %{ENV:BASE}/$1 [R=301,L]

    # If the requested filename exists, simply serve it.
    # We only want to let Apache serve files and not directories.
    RewriteCond %{REQUEST_FILENAME} -f
    RewriteRule ^ - [L]

    # Rewrite all other queries to the front controller.
    RewriteRule ^ %{ENV:BASE}/app.php [L]
    
</IfModule>

<IfModule !mod_rewrite.c>
    <IfModule mod_alias.c>
        # When mod_rewrite is not available, we instruct a temporary redirect of
        # the start page to the front controller explicitly so that the website
        # and the generated links can still be used.
        RedirectMatch 302 ^/$ /app.php/
        # RedirectTemp cannot be used instead
    </IfModule>
</IfModule>

Does anyone has an idea of that?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source