Вы можете создать учетную запись памяти blob и настроить ее на Azure CDN в качестве статьи " Интеграция учетной записи хранилища с CDN- шоу" и внести несколько изменений в ваше приложение "Угловое приложение", чтобы связать URL-адреса вашего изображения с Azure CDN.

Для упрощения реализации, когда вы переносите свои статические активы в хранилище Azure Blob, вы можете сохранить структуру каталогов в хранилище blob. EG, все ваши изображения находятся в папке images/ папке пути в каталоге приложения. Вы можете создать контейнер с images и перенести файлы изображений в этот контейнер.

Затем вы можете настроить функцию для преобразования URL-адресов изображений в Azure CDN и установить атрибут ngSrc для тега img. Вот мой фрагмент кода:

    <div>
        <img ng-src="{{parseUrl('images/test.jpg')}}" />
    </div>
    <script>
        var cdnUrl = 'http://<your_cdn_name>.azureedge.net';
        var app = angular.module("app",[]);
        app.run(function($rootScope){
            $rootScope.parseUrl=function(imgpath){
                return cdnUrl+"/"+imgpath;
            }
        })
    </script>

обновить, настроить Azure CDN с типом веб-приложения.

В моем тесте для конфигурирования углового SPA для Azure CDN с типом веб-приложения прост, и нет дополнительного шага, поскольку https://azure.microsoft.com/en-us/documentation/articles/cdn-websites-with- cdn/ показывает.

Нажмите кнопку " Конечная точка" на портале Azure CDN, введите имя службы cdn, выберите тип "Начало" в качестве web app, выберите веб-приложение в своей подписке Azure. Подождите до 90 минут, чтобы регистрация распространялась через сеть CDN.