vue中使用node中fs模块进去本地文件读取和修改

在Vue.js中，Node.js的`fs`模块通常用于服务器端操作，因为它是Node.js的标准库，主要用于处理文件系统相关的任务。如果你要在Vue应用中访问本地文件并进行读取或修改，一般是在构建工具如Webpack、Electron等环境中运行服务脚本，并非直接在浏览器端。

以下是一个简单的例子，说明如何在Node.js环境中通过Vue CLI构建的项目中使用`fs`模块：

1. 首先，在你的Vue项目根目录下创建一个服务文件（例如`src/services/fileService.js`），然后引入`fs`模块：

const fs = require('fs');

2. 对于读取文件：

async function readFile(filePath) {
  try {
    const data = await fs.promises.readFile(filePath, 'utf8'); // 使用Promise封装readFile
    return data;
  } catch (error) {
    console.error('Error reading file:', error);
    throw error; // 或者抛出错误以便上层处理
  }
}

// 调用示例：
async function main() {
  const content = await readFile('./path/to/your/local/file.txt');
  console.log(content);
}

3. 对于修改文件（这里仅作为示例，实际操作需要谨慎，因为直接修改文件可能会破坏数据一致性）：

function writeFile(filePath, data) {
  return new Promise((resolve, reject) => {
    fs.writeFile(filePath, data, 'utf8', (err) => {
      if (err) {
        reject(err);
      } else {
        resolve();
      }
    });
  });
}

// 调用示例：
async function updateFile() {
  const newData = 'New content for the file';
  try {
    await writeFile('./path/to/your/local/file.txt', newData);
    console.log('File updated successfully.');
  } catch (error) {
    console.error('Error writing file:', error);
  }
}

main(); // 先读再写，或者分开调用这两个函数