Фоновое изображение Base64 было преобразовано в относительный путь на сервере

Question

У меня есть некоторый класс CSS, использующий фоновое изображение Base64, как это. Работает нормально на локальном хосте

thead th .both {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
}

но когда я развернул проект на сервере, URL-адрес был преобразован в относительный путь:

thead th .both {
  background-image: url("/file/relativePath/toCssFile/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
}

Вы можете увидеть пример в jsFiddle: ЗДЕСЬ

В: Есть ли способ запретить браузеру преобразовать URL-адрес в относительный путь или заставить относительный путь работать с изображением Base64?

Answer 1

Вы baseUrl только для localhost, потому что этот URL-адрес присутствует на физическом диске.

/ file /lativePath / toCssFile / вместо этого упоминания вы хост с портом и путем изображение на заднем плане: URL ( "http://www.some.com/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL + Тд / QCM1oNiJidwox0355mXnG / DrEtIQ6azioNZQxI0ykPhTQIwhCR + BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P + GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");