ant-design-vue-pro icon indicating copy to clipboard operation
ant-design-vue-pro copied to clipboard
verified publisher icon vueComponent

布局组件BasicLayout.vue不能引入外部接口模块

Open jin974319 opened this issue 5 years ago • 5 comments

`在BasicLayout.vue布局组件中想写接口，引入接口时会导致空白页

jin974319 avatar Oct 16 '20 07:10 jin974319

？

sendya avatar Oct 18 '20 14:10 sendya

@jin974319 我今天也遇到了这个问题，请问最后解决了吗朋友

mamba-in avatar Apr 09 '21 08:04 mamba-in

@mamba-in 我也碰到了，解决了吗大佬

wangguo1230 avatar Feb 25 '22 07:02 wangguo1230

找到问题了，由于循环依赖导致的，你在布局组件引用了request.js,request.js中引用了store,store里面引用了generator-routers.js,generator-routers.js里面引用了布局组件，这时候由于布局组件没有初始化完成，所以是空的，就报错了。

wangguo1230 avatar Feb 28 '22 01:02 wangguo1230

我能想到这个问题的解决办法就是：1. 使用Vuex 2.generator-routers.js中布局组件改为异步导入 3. 修改API组件方式，把API挂载到this上，不要是用import的方式去引入 4. 不要在request.js中引用store,可以把store登出的代码拿出来

wangguo1230 avatar Feb 28 '22 01:02 wangguo1230