Способы импорта файла JSON в общую папку в Vue-CLI

Question

Я хочу импортировать JSON-файл, чтобы использовать его, мне нужно, чтобы он изменил его в будущем, поэтому я помещаю его в папку public, а не assets, когда я ссылаюсь на него, как это import JSON from ../../public/Data.json, он работает, ноЯ не думаю, что после сборки проект может быть решен, потому что после сборки нет папки public.Итак, я попробовал это:

let addr = process.env.BASE_URL;
import JSON from `${addr}Data.json`;

Но он выдает ошибку: 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);