vue で require("child_process") を使いたい

Question

前提・実現したいこと

Vue.js の関数内で linux コマンドを使用したいです。
こちらの記事を参考に require("child_process") を使ってみましたがうまくいきません。

<script>
import axios from "axios";

export default {
  name: "XXX",
  data() {},
  methods: {
    linuxFunc: function() {
      var exec = require("child_process").exec;
      console.log(exec);
      exec('ls -l', function(err, stdout, stderr){
        if (err) { console.log(err); }  
      });
   },
...

console.log(exec) をみても undifined になります。
vue から linux コマンドを実行する他の方法はありますでしょうか？

Answer 1

vue で require("child_process")

ChildProcess は ブラウザのJavaScript実行環境では使えません。
参照されたページでは NodeJS 環境下用のJavaScriptコード を回答しているはずです。

• wikipedia Vue.js

UI開発用のライブラリ ですので、ブラウザ環境下用のJavaScriptコードを書いているはずです。

vue から linux コマンドを実行する他の方法はありますでしょうか？

バックエンドを弄れる事が前提ですが、サーバー側にAPIを実装しておき、Ajaxでサーバーに問い合わせる 方法で代替できます（vue からAjaxを使う）。

1. モダンなAPI実装
2. JSON-RPC（v2 spec） サーバ側、ブラウザ側の双方で確認ロジックを持たせる手法

関連するセキュリティ情報

• google検索：OSコマンドインジェクション