Nuxt.js 在动态路由_id.vue里使用asyncData,为什么会执行2次?
async asyncData(context) { console.log("asyncData runing"); let categoryListData = await axios({ method: "POST", url: api.categoryList, headers: { authorization: api.authCode, "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8" }, transformRequest: [data => Qs.stringify(data)], data: {} }).then(response => { let data = response.data; return data.data.rows; }).catch(error => { console.log("error:", error); }); context.store.commit('getCategoryList', categoryListData) return; },
|
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
其实不是刷新两边,希望一下回答可以帮你解决问题
我们也遇到的这样的情况 经过分析发现其实是界面上面有发送undefined请求,比如图片没请求到 奇怪吧,打个比喻;
详情界面的url为:/article/_id;
正常图片src="地址"
这个时候如果地址为undefined的话。浏览器就会发送一个/article/undefined的请求,说到这里应该就明白后面的执行内容了吧。
巨坑,发现这个其实就意味着页面上面任何一个地方发生undefined就会导致页面重新请求,所以兄弟们,判空加起来吧!! |
|
|
|
|