html/css/js重定向到带有路径名的主页

基本上,你需要两件事:

• 单入口点Web应用配置
• 从入口点开始的javascript路由

单入口点配置看起来很像我在另一个上面发布的答案 QA :

Options +FollowSymLinks -MultiViews 
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html [NC,L,QSA]

如果用户有一个有效的url,它将被服务。其他一切都将以index.html结束。不管怎样,浏览器中的url都不会改变。

下一步取决于您的实际实现;您可以:

• 在这些url上生成物理文件,然后就可以全部设置了。web服务器的内置路由应该足够了。可能不需要在数据库中存储url。
• 将代码页的内容存储在不同的位置,然后可能需要基于数据库查找的自定义重定向。一开始 window.location.replace(codeUrl); 可能就够了。从长远来看,您可能需要查看路由组件,例如。 router.js , navigo 或 Crossroads.js .
• 将代码页的内容存储在数据库中,并在需要时将其加载到编辑器中。数据库查找总是必要的。

当请求一个不存在的url时,可以使用该url作为新空代码页的起点。

按照roko的建议,避免创建和存储代码以及早期的相关url。实际上,我建议要求用户通过单击按钮手动保存文件。如果不保存,则所有内容都是临时的,当浏览器窗口关闭时,内容将消失。例如, this 在线regex测试仪就是这样工作的。