在angularjs中使用html5Mode的问题

Ala*_*ros 5 url html5 location-provider angularjs

我正在尝试index.html使用html5Mode(true)angularjs 删除url ,这是代码:

angular.module('myApp', [
  'ngRoute',
  'myApp.filters',
  'myApp.services',
  'myApp.directives',
  'myApp.controllers'
]).
config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
  $locationProvider.html5Mode(true);
  $routeProvider.when('/home', {templateUrl: 'views/home.html'});
  $routeProvider.when('/about', {templateUrl: 'views/about.html'});
  $routeProvider.otherwise({redirectTo: '/'});
}]);
Run Code Online (Sandbox Code Playgroud)

如果我不写$locationProvider.html5Mode(true);网址显示:

本地主机:(端口)/MyApplication/index.html

如果我写$locationProvider.html5Mode(true);的网址显示:

本地主机:(端口)

MyApplication删除了网址.我想要网址显示:

本地主机:(端口)/所有MyApplication /

我做错了什么?有什么问题?

更新:

应该如何显示我的<a>标签?现在我有:

<a href="#/about">About</>
Run Code Online (Sandbox Code Playgroud)

当我点击链接时,网址显示:

本地主机:(端口)/MyApplication/index.html#/about

我迷失了.

提前致谢!

Ret*_*old 13

如果您的应用程序运行在/MyApplication/try.html中设置基本路径并打开html5Mode:

<html>
  <head>
    <base href="/MyApplication/index.html" />
    ...
Run Code Online (Sandbox Code Playgroud)

请参阅使用$ location.