在Vue-CLI中的公用文件夹中导入JSON文件的方法

Question

我想导入一个JSON文件以使用它，以后需要对其进行修改，因此我将其放在public文件夹中，而不是assets文件夹中，当我这样称呼它时，{{ 1}}可行，但是我不认为在构建项目后就可以解决，因为在构建之后没有import JSON from ../../public/Data.json文件夹。所以我尝试了这个：

public

但是它会引发错误： SyntaxError 我现在很困惑，哪种方法是最好的，还有另一种方法吗？

Answer 1

公用文件夹中的资产按原样复制到dist文件夹的根目录。在您的代码中，您可以像/Data.json一样引用它（如果您的应用程序部署在域的根目录中）。

例如

async someMethod() {
    const baseUrl = process.env.BASE_URL;
    const data = await this.someHttpClient.get(`${ baseUrl }/Data.json`);
}

如果您要尝试导入JSON，建议将其放在src文件夹中的某个位置，然后从那里导入

例如

import data from '@/data/someData.json'

console.log(data);