angularjs – 带有快速的Angular HTML5模式
发布时间:2020-12-17 07:34:34 所属栏目:安全 来源:网络整理
导读:我知道这个问题有答案,但他们并没有完全为我工作.我正在使用Angular 1.4和Express 4. Express正在处理API调用,Angular应该处理所有 HTML. 我的快递app.js: var express = require('express');var path = require('path');var logger = require('morgan');va
|
我知道这个问题有答案,但他们并没有完全为我工作.我正在使用Angular 1.4和Express 4. Express正在处理API调用,Angular应该处理所有
HTML.
我的快递app.js: var express = require('express');
var path = require('path');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
require('./routes/api')(app);
var app = express();
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname,'../client')));
// This covers serving up the index page
app.use(express.static(path.join(__dirname,'../client/.tmp')));
app.use(express.static(path.join(__dirname,'../client/app')));
app.all('*',function(req,res) {
res.redirect('/index.html');
});
module.exports = app;
这是有角度的app.js angular
.module('punyioApp',[
'ngAnimate','ngAria','ngCookies','ngMessages','ngResource','ngRoute','ngSanitize','ngTouch'
])
.config(function ($routeProvider,$locationProvider) {
$routeProvider
.when('/',{
templateUrl: 'views/main.html',controller: 'MainCtrl',controllerAs: 'main'
})
.when('/howitworks',{
templateUrl: 'views/howitworks.html',controller: 'HowItWorksCtrl',controllerAs: 'howitworks'
})
.otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode(true);
});
现在,如果我转到http://localhost:3000/,我会按预期获得主要的Angular视图.问题是当我转到http://localhost:3000/howitworks,它将我重定向到http://localhost:3000/index.html并且没有显示’howitworks’视图.如何修复快速路由器以便我可以转到http://localhost:3000/howitworks?
您的代码只是将每个请求重定向到index.html,这不是您想要的.您确实需要该文件,但由于Angular处理路由,您只需要Express发送文件,不会提出任何问题.
基本上,你不应该使用重定向,而是sendFile: app.get('/*',res) {
res.sendFile(__dirname + '/index.html')
});
另外,正如有人在评论中指出的那样,你应该使用get而不是all. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
