如何从 vuejs3 中的 fs.readFile 获取数据

【问题标题】：How to get data from fs.readFile in vuejs3如何从 vuejs3 中的 fs.readFile 获取数据
【发布时间】：2023-03-23 20:16:01
【问题描述】：

我正在运行这个脚本

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

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

如何获取 vue 中可用的“数据”？

【问题讨论】：

文件的内容/数据格式是什么？ json？二进制？文字？
格式为.json

标签： node.js vue.js webpack

【解决方案1】：

在您的 Vue 应用程序中提供这些数据的唯一方法是使用 Webpack 中的 define 插件：

// 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访问你的数据

【讨论】：