我正在关注一个在线视频教程,该教程设置了Ember Simple Auth Login。一切正常,但向模板显示登录错误(即未经授权的401)。我检查了代码中的错别字,但找不到任何错别字。
在控制器登录中,我尝试将登录e.errors
到控制台,但是控制台仅显示“未定义”。但是,如果我只是将错误对象发送e
到日志,那么我将获得包含错误对象的error.detail
内部信息。注意:这error.detail
是我要在login-form.hsb上显示的内容。
任何帮助表示赞赏!
控制器/login.js
import { inject as service } from '@ember/service';
import Controller from '@ember/controller';
export default Controller.extend({
session: service('session'),
actions: {
login(attrs) {
this.get('session').authenticate('authenticator:jwt', {
email: attrs.email,
password: attrs.password
}).then(() => {
this.transitionToRoute('index');
}).catch((e) => {
this.set('errors', e.errors); // nothing is being displayed
console.log(e.errors); // Says Undefined in the console
console.log(e); // Display error to console
});
}
}
});
模板/login.hsb
{{login-form user=model errors=errors onsubmit=(action "login")}}
模板/组件/login-form.hbs
<div class="slide-out">
<div class="slide-out-card">
<div class="slide-out-heading">
<div class="title">
<h3>Login</h3>
</div>
</div>
<div class="slide-out-content">
<form onsubmit={{action "login"}}>
<!-- this does not display the error message -->
{{#each errors as |error|}}
{{error.detail}}
<div class="error-alert">{{error.detail}}</div>
{{/each}}
<div class="field">
<label>Email:</label>
{{input type="text" placeholder="Email" value=email}}
</div>
<div class="field">
<label>Password:</label>
{{input type="password" placeholder="Password" value=password}}
</div>
<div class="form-footer">
<button type="submit" class="btn-submit">save</button>
</div>
</form>
</div>
</div>
</div>
答案是从Embercasts收到的。简单身份验证有一个重大变化。现在的代码应该是e.json.errors
export default Controller.extend({
session: service('session'),
actions: {
login(attrs) {
this.get('session').authenticate('authenticator:jwt', {
email: attrs.email,
password: attrs.password
}).then(() => {
this.transitionToRoute('index');
}).catch((e) => {
this.set('errors', e.json.errors); // Breaking change to Simple Auth - should be e.json.errors, instead of e.errors
});
}
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句