角HTML5模式与前preSS [英] Angular HTML5 mode with express

问题描述

我知道有这个问题的答案，但他们并不完全为我工作。我使用的是1.4角和Ex preSS 4.惠preSS是处理API调用和角度​​应该是处理所有的HTML。

I know there are answers to this question, but they're not fully working for me. I'm using Angular 1.4 and Express 4. Express is handling API calls and Angular is supposed to be handling all HTML.

我的前preSS app.js：

My express 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

Here is angular 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：//本地主机：3000 / ，我得到的主要角度来看，由于预期。问题是，当我去的http：//本地主机：3000 / howitworks ，该重定向我的 HTTP：//本地主机：3000 / index.html的并没有显示'howitworks视图。如何解决除权preSS路由器，这样我就可以去的http：//本地主机：3000 / howitworks ？

Now, if I go to http://localhost:3000/, I get the main Angular view, as expected. The problem is when I go to http://localhost:3000/howitworks, which redirects me to http://localhost:3000/index.html and does not show the 'howitworks' view. How do I fix the express router so that I can go to http://localhost:3000/howitworks ?

推荐答案

您code只是重定向每个请求 index.html的，这是不是有什么你要。你需要这个文件，但由于角度处理路由，您只需要防爆preSS要发送的文件，不问任何问题。

Your code is simply redirecting every request to index.html, which isn't what you want. You do need that file, but since Angular handles the routing, you only want Express to send the file, no questions asked.

基本上，你不应该使用重定向，但 SENDFILE ：

Basically, you shouldn't be using redirect, but sendFile:

app.get('/*', function(req, res) { 
  res.sendFile(__dirname + '/index.html')
});

另外，有人在评论中指出，你应该使用 GET ，而不是所有。

这篇关于角HTML5模式与前preSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！