包括Vue-cli项目中的文件源(jscad类型)

Question

我希望将一个.jscad文件加载到vue组件中。

我已经设置了一个vue-cli项目，使用npm安装了这个openjscad-vue查看器，并使用openjscad组件安装了这个。这个组件有支柱设计，它应该允许为openjscad查看器指定一个.jscad文件的路径。这是不正常的。

试图找到错误并解决问题:这个组件中的 (OpenJscad.Vue)是加载.jscad文件的fetch()请求，但它不能工作。为了确保openjscad处理器工作正常，我使用了一个包含.jscad代码的普通字符串作为源代码，这是可行的！但是我想要加载一个完整的.jscad文件。

我认为提取请求是问题所在。我只需要从vue-cli项目所服务的同一台服务器加载一个静态.jscad文件。

我试过这个：

• 使用axios：

async mounted() {
[...]
await axios.get("/logo.jscad").then(response => (this.source = response));

• 安装原始加载程序/文件加载器，并在vue.config.js中配置它。从“资产”文件夹导入文件。-> Webpack装载机错误。在我看来，vue.config.js似乎被忽略了？

import logo from "logo.jscad"
this.source = logo

有什么解决这个问题的建议吗？谢谢。

Answer 1

回答我自己的部分问题，或许还可以帮助其他人：

vue.config.js文件do 而不是必须位于与package.json相同的目录下。只有在放入main.js或App.vue旁边的main.js目录后才会加载和使用。