Navigo.js работает только на localhost

Я пытаюсь построить маршруты для своего SPA, и проблема в том, что когда я использую localhost:3000, маршруты работают нормально. Он работает так, как должен. Но если URL-адрес 127.0.0.1:8000 или domain.com/route, он не работает.

Для localhost:3000 я использую модуль npm lite-server, а для 127.0.0.1:8000 я использую модуль npm local-web-server. Библиотека, которую я использую для маршрутизации, - Navigo.

Несколько маршрутов: Пример

Пробовал предоставленную демонстрацию, но все равно не повезло. Искал в Интернете, нет вопросов о переполнении стека о маршрутизации на стороне клиента, только для бэкэнда.

Код маршрута:

var routes = new Navigo(null);

    // Main
    routes.on(() => {
        console.info('Default route');
    });

    // Other routes
    routes.on({
        '/route1': () => {
            console.info('route1');
        },
        '/route2': () => {
            console.info('route2');
        }
    }).resolve();

    // 404
    routes.notFound(() => {
        console.info(404);
    }).resolve();

Работает только Маршрут по умолчанию, остальные игнорируются.

Любая помощь приветствуется.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
1 586
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

У меня отлично работает на 127.0.0.1 или другом домене.

const dummyTarget = document.querySelector('div'); // <-- Dummy target to fake navigation

// Initial Navigo
var root = null;
var useHash = true; // Defaults to: false
var hash = '#!'; // Defaults to: '#'
var router = new Navigo(root, useHash, hash);

router
    .on({
      '/': () => { // This is actually the route
        dummyTarget.innerHTML = `I'm on home page`;

      },
      '/another': () => {
        dummyTarget.innerHTML = 'Now on second page';
      }
    })
    .resolve();

Результат:

Другие вопросы по теме