在 Vue-cli 项目中包含文件源（类型 jscad）

Question

我想将 .jscad 文件加载到 vue 组件中。

我已经建立了一个 vue-cli 项目，使用 npm 安装了这个 openjscad-vue viewer，并且正在使用 openjscad 组件。该组件具有 design 属性，它应该允许为 openjscad 查看器指定 .jscad 文件的路径。这不能正常工作。

试图找出错误并采取解决方法： 在这个组件 (OpenJscad.Vue) 中有一个 fetch() 请求来加载 .jscad 文件，但它不起作用。为了确保 openjscad 处理器正常工作，我使用了一个包含 .jscad 代码的纯字符串作为源代码，这样就可以了！ 但我想要加载一个完整的 .jscad 文件。

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

我试过了：

• 使用 axios：

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

• 安装 raw-loader/file-loader 并在 vue.config.js 中进行配置。从 assets 文件夹中导入文件。 -> Webpack 加载器错误。在我看来 vue.config.js 被忽略了？

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

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

Answer 1

回答我自己的部分问题并可​​能帮助其他人：

vue.config.js 文件不必须与 package.json 位于同一目录。它只有放在 main.js 或 App.vue

旁边的 /src 目录中后才会加载和使用