javascript - 如何: Refresh AngularJS Route

标签 javascript angularjs typescript

我正在尝试通过 Visual Studio 创建一个 Typescript SPA 项目,并使用 AngularJS 来处理路由。这是我的配置...

var app = angular.module("myApp", ["ngRoute"]);
app.config(($routeProvider, $locationProvider) => {
$routeProvider
    .when("/", {
        templateUrl: "/pages/index/index.html"
    })
    .when("/about", {
        templateUrl: "/pages/about/about.html"
    })
    .otherwise({ redirectTo: '/' });

$locationProvider.html5Mode(true);
});

这工作正常,因为它使 URL 看起来像我想要的那样。但是,当我刷新页面时,我会收到错误 404 或错误 403,具体取决于它是主页还是关于页面。我该如何使它刷新到正确的页面?

最佳答案

这是服务器端的事情,您的服务器正在处理您的整个网址,就好像它是服务器中的正常路径一样。您必须将其配置为始终以 index.html 为目标,否则您的服务器将尝试查找 www.myserver.com/about 页面。因此,它会产生 404 状态代码,因为您的 url 无法找到或在目录的情况下被禁止访问。

关于javascript - 如何: Refresh AngularJS Route,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40097508/

相关文章:

javascript - jquery:如果第一个选择器返回为空,是否有一种简洁的方法可以有条件地使用第二个选择器?

Javascript If 条件检查变量是否为空对象

javascript - 如何获取复选框的值,其中值在 ng-repeat 中动态变化

angular - 每次加载组件时都会增量触发订阅代码

javascript - TypeError : this. 名称不是函数

TypeScript 变量名作为接口(interface)类型?

javascript - 在 Backbone View 中处理图像错误事件

javascript - Nodejs 和套接字 io 错误 : listen EADDRINUSE

javascript - 创建 Chrome 扩展上下文菜单时 console.log 不起作用

html - 使用 Angular 工作的 HTML 输入中的 Font Awesome 图标