2016-08-30 61 views
0

我正在创建一个带有SQL,Angularjs,Node.js和Express的Angularjs单页应用程序,它使用护照和基本身份验证进行登录。当用户登录时,他们可以访问路由来编辑数据库中的项目。这一切正常工作,问题是只要浏览器不刷新,cookie就会被发送。浏览器刷新后,由AngularJS设置的Cookie将被忽略

如果浏览器刷新,令牌不再与请求一起发送,所以用户无法再访问路由,因为没有该请求的令牌。但是,如果您查看浏览器中的cookie,则令牌仍然存在,并且只要服务器未重新启动,令牌仍然有效。

那里还有其他由Google Analytics设置的Cookie,但每次都会随请求一起发送。如果我在app.run中设置了一个cookie,它每次都会持续并随请求一起发送,它只是使用登录工厂创建的cookie,在浏览器刷新后不会发送。

我的登录工厂看起来是这样的:

'use strict'; 
 

 
import * as customFunctions from '../../shared/methods/common-functions.js'; 
 

 
const userLoggingRESTResources = (app) => { 
 

 
    app.factory('userLoggingRESTResources', ['$http', '$base64', '$cookies', '$window', ($http, $base64, $cookies, $window) => { 
 
    return (user, callback) => { 
 
     return { 
 
     signIn: (user, callback) => { 
 
      var encoded = $base64.encode(user.username + ':' + user.password); 
 
      $http.get('/auth/login', { 
 
       headers: { 
 
       'Authorization': 'Basic ' + encoded 
 
       } 
 
      }) 
 
      .success((data) => { 
 

 
       $cookies.put('token', data.token); 
 
       $cookies.put('interopAdmin', data.admin); 
 
       $window.sessionStorage.token = data.token; 
 
       $http.defaults.headers.common.Authorization = data.token; 
 
       callback(null); 
 
      }) 
 
      .error((data) => { 
 
       callback(data); 
 
      }) 
 
     } 
 

 
     }; 
 
    } 
 

 

 
    }]) 
 
} 
 

 
module.exports = userLoggingRESTResources;

我登录路由看起来是这样的:

router.get('/login', passport.authenticate('basic', { 
 
    session: false 
 
    }), (req, res) => { 
 
    let userJSON = { 
 
     randomString: req.user.dataValues.randomString, 
 
     id: req.user.dataValues.id 
 
    }; 
 
    res.req.headers.authorization = 'hahaha'; 
 
    for (let key in res.req.rawHeaders) { 
 
     if (res.req.rawHeaders[key].slice(0, 5) === 'Basic') { 
 
     res.req.rawHeaders[key] = 'Basic xxxx'; 
 
     } 
 

 
    } 
 
    req.user.$modelOptions.instanceMethods.generateToken(userJSON, process.env.SECRET_KEY, (err, token) => { 
 
     if (err) { 
 
     console.log(err); 
 
     return res.status(500).json({ 
 
      msg: 'error generating token' 
 
     }); 
 
     } 
 

 
     res.status('200').header('token', token).json({ 
 
     token: token, 
 
     'admin': req.user.dataValues.isAdmin 
 
     }); 
 
    }); 
 
    });

我全光照克来自故宫的eat模块来处理令牌解码:

'use strict'; 
 

 
const eat = require('eat'); 
 
const models = require('../models'); 
 
const User = models.User; 
 
const clc = require('cli-color'); 
 

 
module.exports = (secret) => { 
 
    return (req, res, next) => { 
 
    let token = req.cookies.token || req.headers.token || req.body.token || req.headers.authorization; 
 
    if (!token) { 
 
     console.log(clc.white.bgRed('no token in request')); 
 
     return res.status(401).json({ 
 
     msg: 'not authorized' 
 
     }); 
 
    } 
 
    eat.decode(token, secret, (err, decoded) => { 
 
     if (err) { 
 
     console.log(clc.white.bgRed('Error, login failed: '), err); 
 
     return res.status(401).json({ 
 
      msg: 'not authorized' 
 
     }); 
 
     } 
 

 
     User.findOne({ 
 
      where: { 
 
      id: decoded.id 
 
      } 
 
     }) 
 
     .then((user) => { 
 
      if (!user) { 
 
      console.log(clc.white.bgRed('user not found')); 
 
      return res.status(401).json({ 
 
       msg: 'not authorized' 
 
      }); 
 
      } 
 

 
      req.user = user; 
 
      next(); 
 
     }) 
 
     .error((error) => { 
 
      console.log(clc.white.bgRed('Error: '), err); 
 
      return res.status(401).json({ 
 
      msg: 'not authorized' 
 
      }); 
 
     }); 
 
    }); 
 
    }; 
 
};

如果有你想看到的代码的另一部分,请让我知道。感谢您提前帮助您!

+0

使用角度存储为您的令牌https://github.com/auth0/angular-storage –

+0

只是要清楚。您的控制台中是否出现“请求中无令牌”错误? – cyberwombat

+0

@Yashua是的,你是对的,我得到'没有要求令牌'。 – CascadiaJS

回答

0

你说的曲奇是不是发送的,那么你说的曲奇在浏览器中是。这两种说法相互矛盾。如果他们在浏览器中,也许你的Angular应用程序只需要阅读它们?如果他们没有发送,也许你需要在服务器上使用某种会话来存储令牌/不管什么,这样你就可以把它作为一个cookie发回去。

+0

Cookie由来自登录路由的数据响应中的Angular设置,然后它们存在于浏览器中,然后cookie从浏览器发送,并随后发送$ http get请求到我的节点路由。如果页面没有刷新,cookies会随着每个后续请求一起发送,一切正常。但是,如果浏览器刷新,Cookie仍在浏览器中,但由于某种原因,它们不再与请求一起发送。对不起,如果我没有说得好。 – CascadiaJS

0

所以我想通了。我使用/admin/login作为我的登录路由,/admin/whatever作为其他需要认证的路由,所以cookie设置路径为:/admin/login,因为我在第一次登录时只使用该路由,所以这是第一次发送cookie的原因,但不在随后的请求中。

要解决它,我将路径设置为根,当我设置的Cookie是这样的:

$cookies.put('token', data.token, {'expires': expireDate, 'path': '/'});

现在的Cookie会与所有请求发送!感谢所有的提示和帮助:-)