Не удается найти конкретные пути при переходе с локального на сервер - PullRequest
0 голосов
/ 30 октября 2018

Я пытаюсь использовать иконки / шрифты с моего локального хоста и с сервера. Моя структура проекта выглядит следующим образом: https://files.gitter.im/webpack/webpack/7XUh/image.png (Невозможно вставить как изображение, так как у меня еще нет 10 репутации.)

Я определил все значки в активах → изображения → карта логотипов. BaseUrl в webpack.config.js определяется как «./olved.

Я пытаюсь использовать значки, как указано в my-notifications.scss: фон: белый URL (/../../ assets / images / logos / sample-logo.svg) справа 15px по центру без повтора;

Это работает на моем локальном хосте. Однако, если я открою свой клиент на сервере, он не сможет найти файлы svg. Вывод ошибки в консоли выглядит следующим образом: GET http://server/assets/images/logos/sample-logo.svg 404 (не найдено)

Чтобы перейти к моему клиенту на сервере, я перехожу к: http://server/company/customername/client2

Странная часть в том, что я сделал модель TypeScript с именем, идентификатором и источником изображений. Я использую этот источник изображений (this.imagesrc = './assets/images/logos/sample-image') в другом месте моего приложения, и источник изображений работает там, на локальном хосте и на сервере.

Может кто-нибудь знает, как решить эту проблему?

Спасибо.

1 Ответ

0 голосов
/ 05 ноября 2018

Статические файлы подаются с вашего пути вывода, но вам нужно указать ваш публичный путь как ваш сервер:

http://server/company/customername/client2, что вам нужно добавить к сгенерированным пакетам. Вы можете определить это в publicPath: output: { publicPath: `http://server/company/customername/client2` },

Тогда ваши активы в производстве будут обслуживаться с http://server/company/customername/client2/assets/images/logos/sample-logo.svg

Вы также можете создавать ресурсы во время выполнения, если вы используете CDN. Ссылка: https://webpack.js.org/concepts/output/#advanced

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...