Part 31 AngularJS page refresh problem

dibv39267

于 2016-05-15 03:40:00 发布

阅读量112

点赞数

原文链接：http://www.cnblogs.com/gester/p/5494404.html

版权

当在本地服务器上浏览学生列表并点击进入学生详情页面后，若使用CTRL+F5或CTRL+R刷新页面，学生详情将消失。本文介绍如何通过在index.html头部添加<base href=/>元素来解决此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

What is the issue : When you navigate to http://localhost/students, you will see list of students as shown below

Resource interpreted as Stylesheet but transferred with MIME type texthtml

Click on any student name. For example when you click on Mark, you will see mark details and the URL in the address bar is http://localhost/students/1

angularjs html5mode refresh 404

At this point if you refresh the page by pressing CTRL + F5 or CTRL + R, the student details disappear and the page will be renedered as shown below.

angularjs routing refresh

To see the errors, launch the Browser Developer Tools by pressing F12.

angularjs refresh page 404

To fix this issue all you have to do is place the <base href="/"> element just below the<title> element in the head section of index.html page.