Navigo.js仅适用于本地主机
Navigo.js仅适用于本地主机
提问于 2018-06-07 05:04:43
我正在尝试为我的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
我试过提供的演示，仍然没有成功。在互联网上搜索，没有关于客户端路由的堆栈溢出问题，只针对后端。
路由编码：
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();只有默认路由有效，其余路由将被忽略。
任何形式的帮助都是值得感谢的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-07 08:59:45
我在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();结果：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50729580
复制相关文章
相似问题