由于连接不安全，Okta 未重定向

Question

我从合作伙伴网站收到了与他们建立 SSO 的请求，他们向我们提供了他们的 OKTA 密钥。

Vue.use(Auth, {
  issuer: 'https://{theirURL}.com/',
  clientId: '{theirCliendId}',
  redirectUri: 'http://localhost:8080/auth/callback',
  scope: 'openid profile email'
})


let token = {};

const handleAuth = cb => {
  webAuth.parseHash((error, authResult) => {
    if (authResult && authResult.accessToken && authResult.idToken) {
      token.accessToken = authResult.accessToken;
      token.idToken = authResult.idToken;
      token.expiry = new Date().getTime() + authResult.expiresIn * 100000000;
      cb();
    } else {
      console.log(error);
    }
  });
};

const isLogged = () => {
  console.log("heyt", token)
  return token.accessToken && new Date().getTime() < token.expiry;
};

const login = () => {
  webAuth.authorize();
};

const logUserOut = () => {
  token = {};
};

以上是我用于设置的代码，我能够从我的网站访问他们的登录页面并且能够登录。

但是，当它重定向到我这边（LOCALHOST）时，它给了我如下错误

This site can’t provide a secure connection

我做错了什么？在本地主机上测试是不可能的吗？他们开发的时候一定是在本地主机上测试的。

请告诉我该怎么做！！提前致谢！

编辑：

Access to fetch at 'https://{theirURL}' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

此消息在登录并尝试重定向回我的页面后显示在控制台上。

Answer 1

最快最简单的解决方案如下：

"serve": "vue-cli-service serve --https true"

然后，当它警告您连接不安全并且您准备好在本地主机上使用 https 时，只需说“好的”！

如本回答所示：

由于连接不安全，Okta 未重定向

Okta Not Redirecting due to insecure connection

security

openid

single-sign-on

vue.js

okta