У меня есть безопасное приложение Jhispter здесь
https://api.nms.blaucomm.co.uk:8050/#/ и я могу войти
server:
# port: 8060
port: 8050
ssl:
key-store: classpath:nms-PKCS-12.p12
key-store-password: MYPASS
key-store-type: PKCS12
key-alias: nmsapi
Когда я пытаюсь войти в мою Ionic PWA, которую я развернул здесь
https://gotopnms.firebaseapp.com
это говорит:
[Error] XMLHttpRequest cannot load https://api.nms.blaucomm.co.uk:8050/#//authenticate due to access control checks.
error: XMLHttpRequestProgressEvent
bubbles: false
cancelBubble: false
cancelable: false
composed: false
currentTarget: null
defaultPrevented: false
eventPhase: 0
isTrusted: true
lengthComputable: false
loaded: 0
position: 0
returnValue: true
srcElement: XMLHttpRequest {__zone_symbol__xhrSync: false, __zone_symbol__xhrURL: "https://api.nms.blaucomm.co.uk:8050/#//authenticate", __zone_symbol__loadfalse: Array, __zone_symbol__errorfalse: null, __zone_symbol__xhrScheduled: true, …}
target: XMLHttpRequest {__zone_symbol__xhrSync: false, __zone_symbol__xhrURL: "https://api.nms.blaucomm.co.uk:8050/#//authenticate", __zone_symbol__loadfalse: Array, __zone_symbol__errorfalse: null, __zone_symbol__xhrScheduled: true, …}
timeStamp: 69734
total: 0
totalSize: 0
type: "error"
XMLHttpRequestProgressEvent Prototype
headers: HttpHeaders {normalizedNames: Map, lazyUpdate: null, headers: Map, has: function, get: function, …}
message: "Http failure response for https://api.nms.blaucomm.co.uk:8050/#//authenticate: 0 Unknown Error"
name: "HttpErrorResponse"
ok: false
status: 0
statusText: "Unknown Error"
url: "https://api.nms.blaucomm.co.uk:8050/#//authenticate"
[Log] Login error – HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", …} (main.js, line 2050)
HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: "https://api.nms.blaucomm.co.uk:8050/#//authenticate", ok: false, …}HttpErrorResponse
но у меня cors conf вот так:
cors:
allowed-origins: "*"
allowed-methods: "*"
allowed-headers: "*"
exposed-headers: "Authorization,Link,X-Total-Count"
allow-credentials: true
max-age: 1800
и если я использую небезопасный urlAPI: 'http://35.230.141.174:8060/api', в моем локальном хосте, я могу войти в свой Ionic PWA https://youtu.be/yIZ6jY2aAXs без проблем с корсом
Моя ионная среда
export const environment = {
production: true,
// urlAPI: 'http://35.230.141.174:8060/api',
urlAPI: 'https://api.nms.blaucomm.co.uk:8050/#',
socketConf: {
url: 'http://35.230.141.174:3050',
options: { reconnection: true, reconnectionDelay: 3000, timeout: 60000 }
},
Примечание: я еще не закрепил розетку. Таким образом, они также дают ошибку.
Есть что-то, что мне нужно сделать с nginx?
(Я не использую nginx, но знаю, что он есть на сервере Debian)
Я где-то видел, что это может заменить посты остальных API с Get, но я не знаю, где ...
Может быть, мне не хватает какой-то конфигурации Jhispter?