将 SSL 证书添加到 Angular 应用程序后，后端带有 expressJS 的 Angular 项目不起作用

Question

我有一个由两部分组成的网络应用程序（Hostgator 上的前端为 Angular，AWS 上的后端为 ExpressJS）。 [我的 CORS 配置在后端启用] 一切正常，直到我从 Hostgator 获得 SSL 证书，请求给我这个错误

ov {headers: Yb, status: 0, statusText: "Unknown Error", URL: (backendurl), ok: false, …}
error: ProgressEvent
bubbles: false
cancelBubble: false
cancelable: false
composed: false
currentTarget: XMLHttpRequest {__zone_symbol__xhrSync: false, __zone_symbol__xhrURL: "http://smarketingbackend-env.eba-rkkgwymj.us-east-2.elasticbeanstalk.com/categories", __zone_symbol__loadfalse: Array(1), __zone_symbol__errorfalse: null, __zone_symbol__xhrScheduled: true, …}
defaultPrevented: false
eventPhase: 0
isTrusted: true
lengthComputable: false
loaded: 0
path: []
returnValue: true
srcElement: XMLHttpRequest {__zone_symbol__xhrSync: false, __zone_symbol__xhrURL: "(backendurl)", __zone_symbol__loadfalse: Array(1), __zone_symbol__errorfalse: null, __zone_symbol__xhrScheduled: true, …}
target: XMLHttpRequest {__zone_symbol__xhrSync: false, __zone_symbol__xhrURL: "(backendurl)", __zone_symbol__loadfalse: Array(1), __zone_symbol__errorfalse: null, __zone_symbol__xhrScheduled: true, …}
timeStamp: 36201.97499999995
total: 0
type: "error"
__proto__: ProgressEvent
headers: Yb
headers: Map(0) {}
lazyUpdate: null
normalizedNames: Map(0) {}
__proto__: Object
message: "Http failure response for (backendurl): 0 Unknown Error"
name: "HttpErrorResponse"
ok: false
status: 0
statusText: "Unknown Error"
url

我发现了很多关于这个问题的问题，大多数解决方案都是关于 CORS 配置的。我的 CORS 配置已启用，这里是...

app.use((req, res, next) => {
  res.setHeader("Access-Control-Allow-Origin", "*");
  res.setHeader(
    "Access-Control-Allow-Headers",
    "Origin, X-Requested-With, Content-Type, Accept , Authorization ,X-Auth-Token ,Access-Control-Allow-Headers ,affId "
  );
  res.setHeader(
    "Access-Control-Allow-Methods",
    "GET, POST, PATCH, PUT, DELETE, OPTIONS"
  );
  next();
});

这里有什么问题？ 提前谢谢

Answer 1

几乎只是猜测，但在您的 URL "http://smarketingbackend-env.eba-rkkgwymj.us-east-2.elasticbeanstalk.com/categories" 中有 http 而不是 https。你能换掉它吗？

您也可以将https://www.npmjs.com/package/cors 用作 cors 中间件，而不是提供您自己的 - 这个插件可能会正确处理一些问题。