Angular 8 и проблема с URL-адресом HTTP-приложения ci

Question

Я создал приложение, используя angular 8 и codeigniter. Я использую rest api для того же.

Я добавил https на страницы среды. Это выглядит так, как показано ниже.

export const environment = {
  production: false,
  apiUrl : 'https://www.mywebsite.com/backend/'
};

Чтобы добавить код на сервер im, используйте команду ng build --prod.

В backend codeigniter я добавил базовый URL в config как это.

https://www.mywebsite.com/backend/

В .htaccess этот код есть

RewriteEngine On 
RewriteCond %{HTTP_HOST} ^mywebsite\.com [NC]
RewriteCond %{SERVER_PORT} 80 
RewriteRule ^(.*)$ https://www.mywebsite.com/$1 [R=301,L]
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]
</IfModule>

При открытии веб-сайта URL-адрес api перенаправляется только на http .

И я получаю ошибку ниже.

Mixed Content: The page at 'https://www.mywebsite.com/#/pagename' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://www.mywebsite.com/backend/Api/apifunction'. This request has been blocked; the content must be served over HTTPS. 

Любое решение для этого?