Vue вылет, когда ssl активен

Question

У меня есть проект, который включает в себя пару компонентов VUE. Основной файл загружает компоненты, когда они нужны, ленивая загрузка их.

import Vue from 'vue'
const DateFiled = () => import('./components/DateField')
const ItemClone = () => import('./components/ItemClone')
...

Vue.component('date-field', DateFiled);
Vue.component('item-clone',  ItemClone);
...

const app = new Vue({
    el: '#app'
});

Это работает на development, но на production работает только при выключенном ssl. если я включаю его, я получаю ошибку

mixed content the page at was loaded over https but requested an insecure...

Ошибка показывает, что он пытается получить чанки от http://localhostjs/js/chunks/0.bundle.js, почему это происходит только при включенном ssl? как я могу решить это?

Я пытался добавить URL в веб-пакете, как это

mix.config.webpackConfig.output = {
    chunkFilename: 'js/chunks/[name].bundle.js',
    publicPath: process.env.APP_URL,
};

и попытался установить APP_URL на

APP_URL=https://example.com/
APP_URL=/
APP_URL=https://example.com/public/

Но ни один из них не работал. сервер apache на centOs