如何在nuxt js

时间:2019-11-25 21:05:01

标签: nuxt.js reload generate

我正在开发一个可以购买或租用房地产的应用程序。我使用Lumen作为后端,使用nuxt js作为前端。

一切正常,但属性配置文件页面正常。我已经在nuxt.conf.js文件中找到了有关刷新和generate方法的说明,但我真的不太理解。我的疑问如下:

我有一个properties.vue页面-app / properties-用于呈现数据库中的所有属性,当我获取它们时,将它们保存在商店中的properties数组中。单击属性卡(显示每个属性的初始数据的组件)时,它将导航到属性页配置文件-app / properties / xxxx-

一切在第一次都可以正常运行,但是当我重新加载时无法获得该页面。目录结构是这样的:

-应用  -页面/  * -propertuies.vue->呈现所有属性  -属性/  * -_ code.vue->仅呈现属性

当您第一次进入_code.vue年龄时,它将从属性的存储数组中获取该属性,找到具有唯一代码的属性,但是当我重新加载时,可以从哪里获得该唯一代码?我需要它是因为在本地环境中工作时,我只是向后端发出请求,发送了唯一的代码,然后我获得了该属性,但是在我部署的主机上它不起作用。

这是/property/_code.vue页面的代码:

async asyncData({ store, params, $axios }) {

    // Check if properties array is empty in store. If it is then make the request
    if(store.state.properties.properties.length === 0) {
        const res = await $axios.$get(`${$axios.defaults.baseURL}/property/${params.code}`);
        return {
            property: res.property[0]
        };

    // If it's not empty, then I get it from store.
    } else {

        return {
            property: store.state.properties.actives.find(p => p.code === params.code)
        };
    }
}

我需要在nuxt JS上重新加载生成东西的逻辑相同,但是我真的不知道如何做。

我需要通过参数传递的唯一代码。

0 个答案:

没有答案