Блог

Главная - Вопросы по программированию - Как получить данные из fs.ReadFile в vuejs3

Как получить данные из fs.ReadFile в vuejs3

#node.js #vue.js #webpack

#node.js #vue.js #webpack

Вопрос:

Я запускаю этот скрипт

 //package.js
"scripts": {
  "serve": "node readFile.js amp; vue-cli-service serve"
},

//readFile.js
const data = fs.readFileSync('path/file', 'utf-8')

Как мне получить «данные», доступные в vue?

Комментарии:

1. Каков формат содержимого / данных файла? json? двоичный файл? текст?

2. формат .json

Ответ №1:

Единственный способ сделать эти данные доступными в вашем приложении Vue — использовать define плагин в Webpack:

 // vue.config.js
const my_data = require('./path/file.json');
module.exports =
{
  chainWebpack: config =>
  {
    config.plugin('define').tap(args =>
    {
      args[0]['process.env'].MY_JSON_DATA = JSON.stringify(my_data);
      return args;
    });
  }
}

Затем вы можете получить доступ к своим данным как process.env.MY_JSON_DATA