Question

我直截了当地说到这里。我在登录页面上进行身份验证，点击登录页面后，我将其重定向到产品的组件，在该产品的组件上，我执行O(1)以获取所有权限产品。但是，在产品页面上登录并重定向后，产品的组件似乎无法在HTTP request生命周期挂钩上运行HTTP request。这是正常行为吗？

这是我的代码：

LOGIN：

created()

PRODUCTS.VUE

export default{
        data(){
            return {
                email: '',
                password: ''
            }
        },
        methods:{
            login(){
                var data = {
                    client_id: 2,
                    client_secret: 'TOKEN_HERE,
                    grant_type: 'password',
                    username: this.email,
                    password: this.password
                }

                this.$http.post("oauth/token", data).then(response => {
                    this.$auth.setToken(response.body.access_token, response.body.expires_in + Date.now())
                    this.$router.push('/products')
                })

            }
        }

重定向到import Products from './product/Products.vue' export default { components: { 'my-products' : Products }, created(){ this.$http.get('api/products') .then(response => { alert("products from feed"); this.products = response.body }) } }创建的生命周期挂钩后，它无法运行我的http请求。

提前致谢。

Answer 1

我似乎需要mounted挂钩。

https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks

VueJS router.push（）问题

1 个答案: