Laravel 在单击带有 # 的链接时将“！#”添加到根 URL

Posted 2023-03-15

【中文标题】Laravel 在单击带有 # 的链接时将“！#”添加到根 URL

【英文标题】：Laravel adds "!#" to the root URL when clicking a Link with #

【发布时间】：2017-08-02 22:51:56

【问题描述】：

我正在尝试让我的 AngularJS 路由与 Laravel 5.4 一起使用。但我有一个问题。

在我的 Welcome.blade.php 文件中，我有这些链接：

    <ul class="nav navbar-nav navbar-right">
      <li><a href="#/list">List </a></li>
      <li><a href="#/contact">Contact</a></li>
    </ul>

每当我单击链接时，URL 都会更改为 http://127.0.0.1:8000/#!#%2Flist 或 http://127.0.0.1:8000/#!#%2Fcontact，而不是 http://127.0.0.1:8000/#/list 或 http://127.0.0.1:8000/#/contact。而且我不能以这种方式使用$routeProvider 来使用AngularJS 路由。

请问我该如何解决？提前谢谢你

【问题讨论】：

那么，您使用什么 进行路由？ Laravel 没有这样做，你的 JS 路由器是。

@ceejayoz 哦，我明白了，当我删除<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-route.min.js"></script> 时，我没有遇到问题。但我需要这个文件才能使用AngularJS 路由。我该怎么办？

【参考方案1】：

我现在明白了，这是 AngularJS 1.6 中的一个重大变化：https://docs.angularjs.org/guide/migration#commit-aa077e8。他们使用!# 而不是“#”。

【讨论】：

谢谢！我不知道重大变化。