1

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

我已经建立了一个 vue-cli 项目,使用 npm 安装了这个openjscad-vue 查看器,并且正在使用 openjscad 组件。该组件的 prop设计应允许为 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

有什么建议可以解决这个问题吗?谢谢你。

4

1 回答 1

0

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

vue.config.js 文件不必package.json 位于同一目录。它仅在放入 main.js 或 App.vue 旁边的/ src目录后才加载和使用

于 2020-05-14T16:27:47.917 回答