将HTML文件重定向到端口8080上的localhost

如何解决将HTML文件重定向到端口8080上的localhost

我有一个使用该okta网络api的简单网页：

<!DOCTYPE html>
<html lang="en">
    <head>
        <Meta charset="utf-8" />
        <Meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous" />
        <title>Simple Web Page</title>
        <style>
            h1 {
                margin: 2em 0;
            }
        </style>
        <!-- widget stuff here -->
        <script src="https://ok1static.oktacdn.com/assets/js/sdk/okta-signin-widget/2.16.0/js/okta-sign-in.min.js" type="text/javascript"></script>
        <link href="https://ok1static.oktacdn.com/assets/js/sdk/okta-signin-widget/2.16.0/css/okta-sign-in.min.css" type="text/css" rel="stylesheet" />
        <link href="https://ok1static.oktacdn.com/assets/js/sdk/okta-signin-widget/2.16.0/css/okta-theme.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <div class="container">
            <h1 class="text-center">Test</h1>
            <div id="messageBox" class="jumbotron">
                You are not logged in. 
            </div>
            <!-- where the sign-in form will be displayed -->
            <div id="okta-login-container"></div>
        </div>
        <script type="text/javascript">
            var oktaSignIn = new OktaSignIn({
                baseUrl: "{{ https://dev-8490637.okta.com }}",clientId: "{{ 0oa97ptccRHXCE3kN5d5 }}",authParams: {
                    issuer: "default",responseType: ["token","id_token"],display: "page",},});

            if (oktaSignIn.token.hasTokensInUrl()) {
                oktaSignIn.token.parsetokensFromUrl(
                    // If we get here,the user just logged in.
                    function success(res) {
                        var accesstoken = res[0];
                        var idToken = res[1];

                        oktaSignIn.tokenManager.add("accesstoken",accesstoken);
                        oktaSignIn.tokenManager.add("idToken",idToken);

                        window.location.hash = "";
                        document.getElementById("messageBox").innerHTML = "Hello," + idToken.claims.email + "! You just logged in! :)";
                    },function error(err) {
                        console.error(err);
                    }
                );
            } else {
                oktaSignIn.session.get(function (res) {
                    // If we get here,the user is already signed in.
                    if (res.status === "ACTIVE") {
                        document.getElementById("messageBox").innerHTML = "Hello," + res.login + "! You are *still* logged in! :)";
                        return;
                    }
                    oktaSignIn.renderEl(
                        { el: "#okta-login-container" },function success(res) {},function error(err) {
                            console.error(err);
                        }
                    );
                });
            }
        </script>
    </body>
</html>

我在笔记本电脑上安装了python。

当我打开包含index.html文件的Visual Studio 代码终端时，我使用以下命令：

cd C:\Users\marta\test (directory where my code is)
python -m http.server 8080 (redirect to port 8080)

我检查了我的防火墙/防病毒是否已启用google并能够正确运行。问题：当我加载http：// localhost：8080 /时，继续显示此错误：

localhost refused to connect.

解决方法

首先，您可能要验证端口8080是否打开

telnet 127.0.0.1 8080

如果未尝试，则说明已打开。 Ctrl + C断开此连接如果未显示telnet命令，请尝试在Windows组件中安装telnet-client。

您可以首先验证桌面上的端口是否打开。如果未打开，通常HTML文件不需要localhost。可以从文件所在的文件管理器中打开它们。不过，您可以使用以下方法检查本地主机是否已打开：

telnet 127.0.0.1 8080

或

localhost:8080

可以输入浏览器并进行检查。