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

Question

我正在运行这个脚本

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

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

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

标签： node.jsvue.jswebpack

Answer 1

让这些数据在你的 Vue 应用程序中可用的唯一方法是使用defineWebpack 中的插件：

// 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