Navigo.js 仅适用于本地主机

Question

我正在尝试为我的 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.

多条路线：Example

试过提供的演示，还是不行。上网查了下，没有关于客户端路由的Stack Overflow问题，只有后台的。

航线代码：

var routes = new Navigo(null);

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

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

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

只有默认路由有效，其余的将被忽略。

感谢任何形式的帮助。

Answer 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();

结果：

Navigo.js 仅适用于本地主机

Navigo.js only works on localhost

javascript

routing

client-side

single-page-application