У меня есть веб-компонент (Polymer), который я хочу сделать доступным для людей с помощью совместного использования ресурсов (CORS). Это прекрасно работает, за исключением того, что я не уверен, как дать относительный путь для таких ресурсов, как изображения и файлы JSON из кода JS внутри этого компонента. Они интерпретируются как относящиеся к содержащей странице, а не как к импорту HTML. Что ясчитать Я хочу, это переменная JS, которая дает путь к содержащему HTML-файл, который был импортирован. Относительный путь важен, потому что я также хочу, чтобы люди могли легко развертывать его на своем собственном сайте, а не полагаться на жестко заданный путь к моей копии ресурса.

Например, вы загружаете index.html с сайта example.com, и он имеет:

<link rel="import" href="//my-site.com/components/my-component/my-component.html">

<my-component> ... </my-component>

Сейчас внутриmy-component.htmlУ меня есть JS, который загружает некоторые ресурсы на основе профиля пользователя - изображения и языковые файлы JSON для i18next.js. Проблема в том, что если я не укажу их как абсолютный путь кmy-site.comчто я не хочу делать, они будут интерпретироваться как относительно страницы вexample.com/index.html, не относительно путиmy-component.html

Любые изображения, которые я указываю статически в моем шаблоне, работают нормально и загружаются правильно, потому что это относительно пути импорта HTML. Я просто не уверен, как это сделать для ресурсов, загруженных из JS, потому что они будут относиться к содержащей странице (example.com/index.html). Есть ли где-нибудь атрибут или функция, которая представляет этот путь импорта? Благодарю.