AngularJS 等框架如何路由请求

Question

许多 Web 框架（例如 AngularJS）支持“路由”，用户可以访问该网站，并根据他们的请求 URL 向他们显示一个模板。但是这些框架完全是前端JS，只是简单的'script src'导入，那么它是如何设法捕获所有对网站的请求，然后重定向到一个js文件进行处理等等。

感谢任何回应，因为我一直在尝试弄清楚这些框架究竟如何执行路由的“捕获”部分，但没有运气。

Answer 1

让我给你一个简单的模型。

我们可以获取当前的 URL。然后我们可以打破这个字符串，我们可以得到不同的部分，用'/'分隔，我们可以根据它来设置要显示哪个页面和数据的条件。当我们决定可以使用 ajax 加载我们想要的页面时。

例如，我当前的 url 是 https://www.example.com/module 我可以从这个 url 中获取“模块”，然后我可以在我的页面正文中加载

$('body').load('module.html');

以下代码来自我目前的工作。查看如何捕获不同的 url 并将其路由到我指定的文档。我还从 url 获取数据以用于我的 ajax 请求等。

app.config(function($routeProvider) {
    $routeProvider.when("/", {
        templateUrl : "home.html"
    }).when("/logout", {
        templateUrl : "logout.html"
    }).when("/course/:id", {
        templateUrl : "course.html"
    }).when("/course/:courseId/assignment/:assignmentId", {
        templateUrl : "assignment.html"
    });
});