Vue2+fs如何写入数据到文件里

vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    resolve: { fallback: { fs: false } }
  },
  pluginOptions:{
    electronBuilder:{
      nodeIntegration:true,
      customFileProtocol: "./"
    }
  }
})

write.js

var fs = require("fs")

export function GeyaoWrite() {
    console.log('准备开始写入');
    fs.writeFile('geyao.txt', '我是新写入的内容', function (err) {
        if (err) console.error(err);
        console.log('数据写入的数据');
        console.log('-------------------');
    });
}

app.vue

<!--
* @Component: 
* @Maintainer: 
* @Description: 
-->
<template>
  <div class="container">
    歌谣
  </div>
</template>

<script>
import {GeyaoWrite} from "./write.js"
export default {
  name: "App",
  data() {
    return {

    }
  },
  mounted() {
    GeyaoWrite()
  },
  methods: {

  },
  components: {

  }
}
</script>

<style scoped lang="scss"></style>

文件目录

总结

fs是不能在浏览器环境中执行的 没有node环境 并且写文件没有权限