美文网首页
Angular -- 移除URL中的#

Angular -- 移除URL中的#

作者: wangxingkang | 来源:发表于2016-12-06 19:48 被阅读24次

1.配置 $locationProvider

在配置路由时设置

angular
  .module('app')
  .config(function($stateProvider, $urlRouterProvider, $locationProvider) {  
     $urlRouterProvider.otherwise('/');  
     $locationProvider.html5Mode(true); // 设置此处
     $stateProvider  
       .state('app', {   
          url: 'app',  
          templateUrl: '...',  
          controller: '...'  
       });
   })  

2.设置页面

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <base href="/">  // 设置此处
</head> 

注意:

IE9不支持

相关文章

网友评论

      本文标题:Angular -- 移除URL中的#

      本文链接:https://www.haomeiwen.com/subject/jdbrmttx.html