Angularjs / expressjs - 会话和IE

时间:2014-05-09 03:26:57

标签: javascript node.js angularjs session internet-explorer-8

我遇到麻烦让IE8 / 9与我的应用程序设置方式一起工作。最初我使用express来存储我的会话var,这使用了像'/ broadcast / 12343'这样的url路径,但是当IE8中的视图没有渲染时。如果我将其更改为'/#/ broadcast / 12343'IE呈现正确但是express不读取散列var,因此无法设置会话,在这种情况下将是12343.我要么需要更改要创建的会话并检查角度或最好让IE8在URL中没有哈希值。

是的,我已经为angular-route.min.js提供了ngRoute和CDN文件

我的server.js

      app.configure(function(){
        app.set('views', __dirname + '/views');
        app.set('view engine', 'jade');
        app.set('view options', {
          layout: false
        });
        app.use( express.cookieParser() );
        app.use(express.session({
              store: new MongoStore({
                url: 'mongodb://URL/'
              }),
              maxAge  : new Date(Date.now() + (3600000 * 24 *365)), //1 year
              expires : new Date(Date.now() + (3600000 * 24 *365)), //1 year
              secret: '1234567890QWERTY',
              httpOnly: false 
        }));
        app.use(express.favicon());
        app.use(express.bodyParser());
        app.use(express.methodOverride());
        app.use(express.static(__dirname + '/public'));
        app.use(app.router);
      });

      app.configure('development', function(){
        app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
      });

      app.configure('production', function(){
        app.use(express.errorHandler());
      });

      app.get('/partials/:name', routes.partials);
      app.get('/event/:eventid', routes.event);
      app.post('/registrant/create', routes.register);

      app.get('/broadcast/*', function (req, res) {

          var eventid = req.url.replace("/broadcast/", "");///ie 12343
          if(!req.session.eventids) req.session.eventids = [];

              if (req.session.eventids.indexOf(eventid) > -1) {

                 res.render('index');

          } else {

             res.render('signup', {
                    title:"Signup",
                    eventid:eventid
                });
          }
      });

      app.get("*",  routes.index);

app.js

var app = angular.module('myApp', ['myApp.filters','ngRoute','myApp.directives','myApp.services','snap']);

路由/ index.js

   var Event = require('../models/events');
   var mongoose= require('mongoose');
   var url= require('url');

  exports.index = function(req, res){
    res.render('index');
  };

  exports.partials = function (req, res) {
    var name = req.params.name;

     res.render('partials/' + name);
  };

  exports.event = function (req, res) {

    var id = req.params.eventid;

    var self = this;

    Event.findOne({managerId:id}, function(err, docs){
        res.json(docs);   
    }); 
  };

  exports.register = function (req, res) {

    var input = JSON.stringify(req.body);
    var ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress;

    new Registrant({
        eventid:req.body.eventid,
        fields:input,
        ip :ip,
        updated_at : Date.now()

    }).save( function ( err, registrant, count ){

      if( err ) return next( err );
      req.session.username = req.body.firstname + req.body.lastname + req.body.eventid;

    });

    if (req.session.eventids.indexOf(req.body.eventid) < 0) 
        req.session.eventids.push(req.body.eventid);

    res.redirect('/broadcast/'+req.body.eventid);//eventid rendered in form on signup page

  };

我的layout.jade

   html#ng-app(data-ng-app="myApp"  xmlns:ng="http://angularjs.org")
    ......

2 个答案:

答案 0 :(得分:0)

app.get('/broadcast/*'是否设计为返回Angular partial?

Angular预计你的部分应该是静态内容(以便它可以被缓存),并且控制应该显示内容的逻辑应该在控制器中。

您应该重新构建代码,以便对/broadcast/*的GET请求始终返回相同的HTML,而不管会话的内容如何。

但是,如果/broadcast/* NOT 应该返回部分内容,那么您可能需要更改<a>标记,无论哪个页面链接到它,添加目标= “_顶部”。这将确保ngRouter不会劫持点击(附加哈希)。例如<a href="/broadcast/123" target="_top">Link</a>

如果没有看到其他客户端脚本,我就无法提供更多帮助。

答案 1 :(得分:0)

包含文件时出错,我需要一个绝对路径而不是相对路径,感谢您的帮助。