javascript - 在 Angular JS 中从浏览器刷新时页面未加载

Question

我使用 angularjs htmlMode5 进行路由，例如

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

在头部我放置了

<meta name="fragment" content="!">

问题是当我从浏览器刷新页面时，没有调用 Angular $http 请求。

让我详细解释一下:

我在WordPress的某些页面中使用了AngularJS，当我从一个类别页面导航到其他类别页面(使用AngularJS加载页面)时，它正在调用$http请求，Angular模板和数据正在完美加载。

但是当我从浏览器刷新按钮刷新该特定页面时，它不会加载任何内容，并且输出部分中不会显示任何内容。

如果您一一单击此 Angular 类别，则其调用 $http 请求和数据正在加载。

但是当我点击浏览刷新按钮时它不起作用。

我的网站是:http://templatic.net/test/
无效的网址是:http://templatic.net/test/job_category/seo (直接它不起作用)

Answer 1

检查您的索引页，是否有基本网址标记，例如

<base href="/">

如果不存在，请将其添加到您的索引页中。

并在 .htaccess 文件中进行以下更改

RewriteEngine On 
Options FollowSymLinks

RewriteBase /ProjectName

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /#/$1 [L]

上面代码中的“ProjectName”是您的项目名称