我是 Angular 新手,目前正在使用 ui.router 进行路由,并且对某些事情感到好奇。我注意到,当我在本地主机或在线访问我的网站时,我的 URL 末尾包含/#/。首页看起来像domain.com/#/,其他页面遵循套件(domain.com/#/about)如何让它在没有哈希的情况下显示?
这是我的 app.js 的示例
var app = angular.module('dashboardApp', ['ui.router']);
app.config(
['$stateProvider','$urlRouterProvider',
function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise('/');
$stateProvider
//Dashboard states and nested views ========================
.state('home', {
url: '/',
templateUrl: './templates/main/dashboard.html',
controller: 'dashboardCtrl'
})
//Subject states and nested views ==========================
.state('about', {
url: '/about',
templateUrl: './templates/main/about.html',
controller: 'aboutCtrl'
});
}]);
这是我在 DOM 中调用它的方式
<div class="main-nav">
<a ui-sref="home"><img src="randomimage.png" /></a>
</div>
<div class="main-nav">
<a ui-sref="about">About</a>
</div>
最佳答案
hasbang 的存在是出于与旧版浏览器的兼容性原因。 这是同一个问题的主题:
AngularJS routing without the hash '#'
这是一篇博客文章,解释了如何通过旧版浏览器的回退来安全地摆脱 hashbang:
http://scotch.io/quick-tips/js/angular/pretty-urls-in-angularjs-removing-the-hashtag
本质上,您可以使用 $locationProvider.html5Mode(true)
消除“HTML5 就绪”浏览器的 hashbang,Angular 将自动回退到旧浏览器的 hashbang 版本。
关于javascript - 使用 ui-router 时如何去掉/#/?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25596941/