Question

我有一个加载/注册html页面的主页链接。但是当我在/ register页面上更改css并希望看到它时，我必须返回到我的localhost，然后再次单击该链接，以便再次使用新的css加载页面。这是非常耗时的，有没有办法链接/注册页面/路由？或者至少从URL中删除/注册（以便localhost只是整个应用程序的url）所以当用户刷新主页时欢迎他？

主页链接：

<a href="#/register" class="button-play-g">REGISTER</a>

视图像这样加载

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider
    .when("/register", {
        templateUrl: "/register",
        controller: "registerController"
    })
    .otherwise("/");

    $locationProvider.html5Mode(true);
}]);

Answer 1

这是一个角度机制，我在最近回答AngularJS + UI-Router - Manually Type URLs in HTML5 Mode without HashBang

的问题中对此进行了解释

轻松解决问题：使用 localhost /＃/ register 来转到页面。

因为您正在使用

$location.html5mode(true);

此问题与文件如何提供给浏览器直接相关。您的角度应用程序本身只有一个访问点，这是您的 index.html 页面。当您在浏览器 localhost / register 中键入时，它正在查找寄存器目录，而不是实际的角度路径。由于你已经启用了html5模式，它删除了哈希爆炸，看起来不错，但这需要额外的配置才能在没有它们的情况下单独访问视图。

附加：如果您想完全删除路线网址，则需要使用stateProvider而不是routeProvider

有关stateProvider的相关文章：Angular ui-router: Can you change state without changing URL?

Answer 2

设置你的HTML

<head>
  <base href="/yor base url">
</head>

如何使用angular.js视图刷新页面？

2 个答案: