angularJS1.0 URL中去掉#-CSDN博客

1.index.html中为相对链接设置<base>

在<head>标签里面设置一个<base href="/">

<!DOCTYPE html>
<html ng-app="myApp">
	<head>
		<meta charset="UTF-8">
		<base href="/">
	</head>
</html>

2.app.js中开启html5模式

$locationProvider.html5Mode(true);

angular.module('myApp', ['ui.router'])
	.config(function($stateProvider,$locationProvider) {
		$locationProvider.html5Mode(true);
        $stateProvider
			.state('home', {
				url: "/home",
				params: {
					"obj": null
				},
				views: {
					'header': {
						templateUrl: 'templates/commonPage/header.html',
						controller: 'headerCtrl'
					},
					'headerSearch': {
						templateUrl: 'templates/commonPage/header-search.html',
						controller: 'headerSearchCtrl'
					},
					'content': {
						templateUrl: 'templates/home/home.html',
						controller: 'homeCtrl'
					},
					'tabs': {
						templateUrl: 'templates/commonPage/tabs.html',
						controller: 'tabsCtrl'
					},
					'footer': {
						templateUrl: 'templates/commonPage/footer.html',
						controller: 'footerCtrl'
					}
				}
			})
     })

3.使用web服务器运行:nginx

a.安装nginx，下载地址：http://nginx.org/en/download.html
b.修改nginx配置D:\nginx\conf nginx.conf
       listen 8888;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root D:/HBuilder/work/ttl_pc;
index index.html index.htm;
           #重定向路由
           try_files $uri $uri/ /index.html =404;
}
c.在nginx目录下启动nginx, 命令:start nginx
d.浏览器访问:http://localhost:8888

转载于:https://my.oschina.net/alan01/blog/901692