Size: a a a

Angular - русскоговорящее сообщество

2019 September 25

DS

Dmytro Sch in Angular - русскоговорящее сообщество
👍
источник

DS

Dmytro Sch in Angular - русскоговорящее сообщество
Dmytro Sch
Всем привет,
такая ситуация:
есть interceptor в котором нужно обрабатывать 401( Unauthorized) ошибку

 return next.handle(request)
     .pipe(catchError(error => {
         if (error instanceof HttpErrorResponse && error.status === 401) {
                return this.handle401Error(req, next);
}
             return throwError(error);

почему-то 401 не отлавливается, хотя в браузере ее видно
В чем может быть дело?
похоже это корс, в кетчЕрор приходит ошибка со статусом 0
https://stackoverflow.com/questions/47516465/http-interceptor-getting-status-0-on-failed-request-using-angular-4
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
после сборки проекта имена  файлов меняются и в консоли есть вот такие ошибочные строки
https://gyazo.com/e1bf01cceebde68d37d48be75b18d202
изображения то отобображаются но как пофиксить вот эти запросы?
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
можно проверить через Allow-Control-Allow-Origin расширение хрома или спросить парней с бэка
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
Dmitry Pestov
после сборки проекта имена  файлов меняются и в консоли есть вот такие ошибочные строки
https://gyazo.com/e1bf01cceebde68d37d48be75b18d202
изображения то отобображаются но как пофиксить вот эти запросы?
конфиг в angular.json к билду пришли
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
"build": {
         "builder": "@angular-devkit/build-angular:browser",
         "options": {
           "outputPath": "dist/browser",
           "index": "src/index.html",
           "main": "src/main.ts",
           "polyfills": "src/polyfills.ts",
           "tsConfig": "tsconfig.app.json",
           "aot": false,
           "assets": [
             "src/favicon.ico",
             "src/assets"
           ],
           "styles": [
             "node_modules/bootstrap/dist/css/bootstrap.min.css",
             "node_modules/leaflet/dist/leaflet.css",
             "src/styles.sass"
           ],
           "scripts": []
         },
         "configurations": {
           "production": {
             "fileReplacements": [
               {
                 "replace": "src/environments/environment.ts",
                 "with": "src/environments/environment.prod.ts"
               }
             ],
             "optimization": true,
             "outputHashing": "all",
             "sourceMap": false,
             "extractCss": true,
             "namedChunks": false,
             "aot": true,
             "extractLicenses": true,
             "vendorChunk": false,
             "buildOptimizer": true,
             "budgets": [
               {
                 "type": "initial",
                 "maximumWarning": "2mb",
                 "maximumError": "5mb"
               },
               {
                 "type": "anyComponentStyle",
                 "maximumWarning": "6kb",
                 "maximumError": "10kb"
               }
             ]
           }
         }
       },
источник

DS

Dmytro Sch in Angular - русскоговорящее сообщество
Roman Kolesnikov
можно проверить через Allow-Control-Allow-Origin расширение хрома или спросить парней с бэка
в ответе сервера нет заголовка Allow-Control-Allow-Origin , жду пока парни с бека допишут строчку кода и отправят, надеюсь, проблема  именно в этом
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
Dmitry Pestov
после сборки проекта имена  файлов меняются и в консоли есть вот такие ошибочные строки
https://gyazo.com/e1bf01cceebde68d37d48be75b18d202
изображения то отобображаются но как пофиксить вот эти запросы?
локально эти изображения лежат?
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
Roman Kolesnikov
локально эти изображения лежат?
да, они в папке assets
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
Dmitry Pestov
да, они в папке assets
путь в css или html какой?
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
Dmytro Sch
в ответе сервера нет заголовка Allow-Control-Allow-Origin , жду пока парни с бека допишут строчку кода и отправят, надеюсь, проблема  именно в этом
скорей всего
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
./assets или assets
попробуй чисто для сборки проверить
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
не соберет
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
у меня даже live не помпилится
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
помучто путь не верный
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
Dmitry Pestov
не соберет
"tsConfig": "src/tsconfig.app.json",
попробуй после убрать  "aot": false,
дальше
"assets": [
             "src/favicon.ico",
             "src/assets"
           ],
"stylePreprocessorOptions": {
             "includePaths": ["src/assets/folder_with_image"]
           },
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
Roman Kolesnikov
"tsConfig": "src/tsconfig.app.json",
попробуй после убрать  "aot": false,
дальше
"assets": [
             "src/favicon.ico",
             "src/assets"
           ],
"stylePreprocessorOptions": {
             "includePaths": ["src/assets/folder_with_image"]
           },
ок, попробую - отпишусь, спасибо
источник

DP

Dmitry Pestov in Angular - русскоговорящее сообщество
Roman Kolesnikov
"tsConfig": "src/tsconfig.app.json",
попробуй после убрать  "aot": false,
дальше
"assets": [
             "src/favicon.ico",
             "src/assets"
           ],
"stylePreprocessorOptions": {
             "includePaths": ["src/assets/folder_with_image"]
           },
не помогло
источник