Ошибка при переадресации на другую страницу

Question

У меня есть готовый чат на node.js, socket.io, express. Этот чат я хочу добавить к другому сайту. Чтобы оно было все вместе, мне нужно было сделать переадресацию на главную страницу сайта(с переходом на чат проблем не было). На странице с чатом у меня был такой код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
    <title>Чат программа</title>
    
    <style>
        body {
            background: #fcfcfc;
        }
    </style>
    <script type="text/javascript">
        function main() {
            document.location.assign('/main.php');
        }
    </script>
</head>
<body>

    <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
        <h5 class="my-0 mr-md-auto">Чат</h5>
        <nav class="my-2 my-md-0 mr-md-3">
            <a class="p-2 text-dark" href="#">Ничего</a>
            <a class="p-2 text-dark" href="#">Ничего</a>
            <a class="p-2 text-dark" href="#">Ничего</a>
            <a class="p-2 text-dark" href="#">Ничего</a>
        </nav>
        <a class="btn btn-outline-primary" href="#">Ничего</a>
    </div>
    
    <div class="container">
        <div class="py-5 text-center">
            <h2>Чат программа</h2>
            <p class="lead">Укажите ваше имя и начинайте переписку</p>
        </div>
        <div class="row">
            <div class="col-6">
                
                <h3>Форма сообщений</h3>
                <form id="messForm">
                    <label for="name">Имя</label>
                    <input type="text" name="name" id="name" placeholder="Введите имя" class="form-control">
                    <br>
                    <label for="message">Сообщение</label>
                    <textarea name="message" id="message" class="form-control" placeholder="Введите сообщение"></textarea>
                    <br>
                    <input type="submit" value="Отправить" class="btn btn-danger">
                    <button onclick='main()'>Вернутся на главную</button>
                </form>
            </div>
            <div class="col-6">
                <h3>Сообщения</h3>
                
                <div id="all_mess"></div>
            </div>
        </div>
    </div>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script>
    
        var min = 1;
        var max = 6;
        var random = Math.floor(Math.random() * (max - min)) + min;

        
        var alertClass;
        switch (random) {
            case 1:
                alertClass = 'secondary';
                break;
            case 2:
                alertClass = 'danger';
                break;
            case 3:
                alertClass = 'success';
                break;
            case 4:
                alertClass = 'warning';
                break;
            case 5:
                alertClass = 'info';
                break;
            case 6:
                alertClass = 'light';
                break;
        }

        
        $(function() {
            
            var socket = io.connect();
            
            var $form = $("#messForm"); // Форму сообщений
            var $name = $("#name"); // Поле с именем
            var $textarea = $("#message"); // Текстовое поле
            var $all_messages = $("#all_mess"); // Блок с сообщениями

        
            $form.submit(function(event) {
                
                event.preventDefault();
                
                socket.emit('send mess', {mess: $textarea.val(), name: $name.val(), className: alertClass});
                
                $textarea.val('');
            });

            
            socket.on('add mess', function(data) {
        
                $all_messages.append("<div class='alert alert-" + data.className + "'><b>" + data.name + "</b>: " + data.mess + "</div>");
            });

        });
    </script>
</body>
</html>

После входа с чата на главную, выдает такую ошибку:

Cannot GET /main.php.

Логично, что выходит она из-за неправильной, скорее всего, переадресации, но что неправильно в ней - я не знаю.

БЛОГ НА HUSL

Ошибка при переадресации на другую страницу

Ответы (0 шт):