Javascript 无Web服务器的单页应用程序
我们有一个单页应用程序,我们希望在zip文件中共享;因此,它必须在没有服务器的情况下独立运行 通常我们用grunt构建应用程序,用“localhost:8080”调用服务器,我们就在主页上了 我们目前没有很多路线,因此我们的路线定义如下:Javascript 无Web服务器的单页应用程序,javascript,angularjs,gruntjs,Javascript,Angularjs,Gruntjs,我们有一个单页应用程序,我们希望在zip文件中共享;因此,它必须在没有服务器的情况下独立运行 通常我们用grunt构建应用程序,用“localhost:8080”调用服务器,我们就在主页上了 我们目前没有很多路线,因此我们的路线定义如下: .config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/', { template: function(params)
.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/',
{
template: function(params) {
return !params.link ? '<data-frame></data-frame>' : '<data-seo></data-seo>';
},
reloadOnSearch: false
})
.otherwise(
{ templateUrl: 'templates/404.html', reloadOnSearch: false }
);
}])
所以问题是:当我们运行任务“grunt service:dist”时,我们在dist目录中构建应用程序,生成的文件看起来也不错(index.html、main.js和vendor.js等)。我们所有的html模板都包含在main.js中。但是当我们调用index.html(im浏览器)“file:///C:/ourApp/dist/local/index.html”),我们只看到404页面(我们的后备路线定义)。因此,很难找到路线“/”。原因可能是什么
编辑:当我们安装任何web服务器(不一定是grunt)并复制其中的文件时,单页应用程序工作。。但是,有没有其他方法可以让它在没有任何Web服务器的情况下工作?我们的问题可能与浏览器无关,我们在控制台中看不到任何错误。
.config(['$locationProvider', function ($locationProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: true
});
}])