我当前的问题是如何使用令牌将注册路由重定向到首页路由。该路由的后端确实会创建令牌,但是对于前端,我无法弄清楚该怎么做。
.controller('UserCreateController', function(User, $location, $localStorage) {
var vm = this;
// function to create a user
vm.SignUpUser = function() {
vm.processing = true;
// clear the message
vm.message = '';
// use the create function in the userService
User.create(vm.userData)
.success(function(data) {
vm.processing = false;
// clear the form
vm.userData = {};
vm.message = data.message;
// What should i do here to get the token?
$location.path('/')
});
};
})
service.js
userFactory.create = function(userData) {
return $http.post('/api/signup', userData);
}
这是服务,如何与令牌一起退还
更新版本:这是我在用户注册后生成令牌的节点/表达式中的Api
api.js
var createToken = function(user) {
var token = jwt.sign({
id: user._id,
name: user.name,
username: user.username
}, superSecret, {
expiresInMinute: 1440
});
return token;
}
apiRouter.post('/signup', function(req, res) {
var user = new User({
name: req.body.name,
username: req.body.username,
password: req.body.password
});
var token = createToken(user);
user.save(function(err) {
if(err) {
res.send(err);
return;
}
res.json({
success: true,
message: 'User has been created!',
token: token
});
});
我不知道如何将api生成的json数据传递给angular。
最佳答案
首先,您需要从响应头中检索令牌,因此将服务更新为:
userFactory.create = function(userData) {
return $http.post('/api/signup', userData)
.then(function(data, status, headers, config, status) {
return data;
});
}
然后您可以从控制器读取令牌
User.create(vm.userData)
.then(function(data) {
vm.processing = false;
vm.userData = {};
vm.message = data.message;
// remember to reference $window in your controller
$window.localStorage.setItem('token', data.token);
$location.path('/')
});
用户登录或注册后,下次将请求发送到后端时,可以将令牌手动添加到标头中。
var req = {
method: 'POST',
url: 'http://example.com',
headers: {
'Authentication': $window.localStorage.getItem('token')
},
data: { test: 'test' },
}
$http(req).success(function(){...}).error(function(){...});