AngularJS 刷新显示空白页答案

【问题标题】：AngularJS refesh show Blank pageAngularJS 刷新显示空白页
【发布时间】：2016-05-22 18:36:27
【问题描述】：

我有一个AngularJS 项目，当我在gamesList 页面内单击刷新时，我得到一个空白页面。

这是我的 app.js：

var app = angular.module("app",['ngRoute','superCtrl']);

app.config(routeConnect);

function routeConnect($routeProvider,$locationProvider){

    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });

$routeProvider
    .when('/',{
        templateUrl:'/App/templates/home.html',
        controller:'navCtrl'
     })
    .when('/gamesList', {
        templateUrl:'/App/templates/gamesList.html',
        controller:'gamesListCtrl'
    }));
}

我使用 http-server 运行应用程序，当我点击日志中的刷新按钮时，我得到：

"Get /gamesList" Error(404):"Not Found"

我还注意到，在 chrome 开发人员中，来源是变化的：

之前：

之后：

对这个问题有什么想法吗？

【问题讨论】：

您是否设置了服务器来处理html5Mode 虚拟目录？
@charlietfl 你是什么意思？我什么都没设置
如果您没有正确配置服务器，那么您将无法使用html5mode。请参阅$locationProvider docs。
找到任何解决方案了吗？

标签： html angularjs routing refresh

【解决方案1】：

如果您不知道导致此问题的原因，只需从 app.js 中的 .config 中删除 $locationProvider...

我删除了 $locationProvider 所以问题消失了，但我必须使用

`http://localhost:8080/#/home'

但是 '#' 出现在 url...

【讨论】：