从 Angular JS 中的 URL 中删除 #答案

【问题标题】：Remove # from URL in angular JS从 Angular JS 中的 URL 中删除 #
【发布时间】：2016-11-26 10:41:17
【问题描述】：

您好，我在前端使用 Angular JS，php 是服务层。

我正在尝试从我的网址中删除 #。

现在：http://localhost/loginwithangular/#/login

我希望看起来像：http://localhost/loginwithangular/login

我试过了：$locationProvider.html5Mode(true);但它不起作用。

请有人建议如何使它工作。

提前致谢！

【问题讨论】：

将此添加到您的 <base href="/" /> 内 <head></head> 标签内
我已经在标签中使用了。但仍然无法正常工作。
http://localhost/loginwithangular 这是您的基本网址吗？我的意思是你的整个网站在http://localhost/loginwithangular 内运行？
哦，我会试试的
如果是，请尝试添加此代码<base href="/loginwithangular/index.html" /> 或<base href="/loginwithangular/" />

标签： angularjs angular-ui-router

【解决方案1】：

试试这个

angular.module('phonecat', []).
 config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

$routeProvider.
  when('/phones', {templateUrl: 'partials/phone-list.html',   controller: PhoneListCtrl}).
  when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
  otherwise({redirectTo: '/phones'});

$locationProvider.html5Mode(true);

 }]);

【讨论】：

我已经使用 $locationProvider.html5Mode(true);在我的 app.js 中；但仍然无法正常工作。

【解决方案2】：

您需要在 index.html 中添加 <base href='/'> 同样在您的 app.js 中，您需要添加

$locationProvider.html5Mode({
      enabled: true,
      requireBase: true
    });

【讨论】：

【解决方案3】：

你必须在你的

中添加RewriteBase /

.htaccess

文件。并在您的

中添加<base href="/">

index.html

文件并将$locationProvider.html5Mode(true)添加到您的

main.js

【讨论】：