你的位置:首页 > Java教程

[Java教程]Part 31 AngularJS page refresh problem


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="http://www.cnblogs.com//"> element just below the<title> element in the head section of index.html page.