В мои планы не входило устанавливать сервер как nginx, поэтому мое веб-приложение запускается на сервере node.js. Там аналогичные конструкции используются для обозначения определенных страниц:
на сервере:
if(process.env.NODE_ENV === 'production') {
app.use('/', express.static(path.join(__dirname, '../', 'client', 'dist')))
}
app.use('/api/bonds', bonds);
const port = 80;
на клиенте:
const url = '1.2.3.4:80/api/bonds';
class BondsService {
static getBonds() {
return new Promise(async (resolve, reject) => {
try {
const res = await axios.get(url);
const data = res.data;
resolve(data.map(bond => ({
...bond
})));
} catch (e) {
reject(e);
}
})
}
Я перенес свой домен в cloudflare и установил бесплатный сертификат SSL в гибкий режим. Когда я обращаюсь к приложению через http, все работает, но когда http выдает такую ошибку:
xhr. js: 178 Смешанное содержимое: была загружена страница с 'https://example.com/' через HTTPS, но запросил небезопасную конечную точку XMLHttpRequest 'http://1.2.3.4/api/bonds'. Этот запрос был заблокирован; контент должен обслуживаться через HTTPS.
Как это исправить?