基于vite构建的vue3项目,如何引入一个远程组件?

// const asyncComponent = defineAsyncComponent(() =>
			// 	import(`cache/cache.vue`)
			// );
console.log(import(`http://localhost:8068/cache/cache.vue`));

如图,我起了两个服务一个是前端项目另一个是文件服务器,并且设置了代理访问文件时跨域,想请求远程的组件用异步组件的方式渲染出来,但实际可以发现并不能识别vue代码,也就是说没有被编译成js,问问各位有没有什么办法

你的远程组件上需要有一个单独的Vue实例,然后再远程通过vite打包好再引入到你本地,不然的话只会是一个vue文件吧。

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632