小编ncu*_*010的帖子

如何通过完整 URL 在 VueJS 中异步导入组件

我需要通过与相对 URL 相对的完整 URL 异步导入 Vue 组件。以下来自VueJS 文档的示例适用于同一项目中的组件

Vue.component(
  'app-component-one',
  () => import('./component-from-app-one')
)
Run Code Online (Sandbox Code Playgroud)

但是,我的目标是从部署在同一服务器上的单独项目中导入组件。我希望我可以使用完整的 URL 并执行类似...

Vue.component(
  'app-component-two',
   () => import ('http://sample-domain.com/project-2/components/component-from-app-two.vue')
)
Run Code Online (Sandbox Code Playgroud)

但它会导致错误:

This dependency was not found:
* http://sample-domain.com/app-2/components/component-from-app-two.vue in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/SampleComponent.vue
Run Code Online (Sandbox Code Playgroud)

是否可以通过完整 URL 导入组件?提前致谢!

javascript vue.js webpack-2 vue-component vuejs2

5
推荐指数
1
解决办法
1721
查看次数

标签 统计

javascript ×1

vue-component ×1

vue.js ×1

vuejs2 ×1

webpack-2 ×1