在Angular JS中从浏览器刷新时不加载页面

时间:2016-11-09 05:16:34

标签: javascript html angularjs wordpress

我使用angularjs htmlMode5进行路由,如

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

在头部我放了

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

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

让我详细解释一下:

我在wordpress中使用angularjs用于某些页面,当我从一个类别页面导航到其他类别页面时(使用angularjs加载页面),它调用$ http请求和角度模板,数据加载完美。

但是当我从浏览器刷新按钮刷新那个特定的页面时,它什么都没有加载,输出部分也不会显示任何内容。

如果您逐个点击此Angular类别,则会调用其$ http请求和数据。

enter image description here

但是当我点击浏览刷新按钮时,它就无法正常工作。

enter image description here

我的网站是:http://templatic.net/test/
网址无效:http://templatic.net/test/job_category/seo(直接无法正常工作)

1 个答案:

答案 0 :(得分:1)

检查您的索引页面,您有基本网址标记,如

<base href="/">

如果不存在,请在索引页面中添加。

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

RewriteEngine On 
Options FollowSymLinks

RewriteBase /ProjectName

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

上面代码中的'ProjectName'是项目的名称