Nodejs 后端与 VueJS 前端通信答案

【问题标题】：Nodejs Backend communicate to VueJS FrontendNodejs 后端与 VueJS 前端通信
【发布时间】：2019-05-13 10:53:41
【问题描述】：

一方面我的 VueJS 应用程序使用 Webpack 构建，而在服务器端我有 Node.js。我按照这篇文章设置我的客户端/服务器：https://medium.com/@anaida07/mevn-stack-application-part-1-3a27b61dcae0

在服务器端，我打开一个带有一些参数的 .jar 文件。像这样：

var exec = require('child_process').exec, child;
child = exec('/usr/bin/java -jar ./myjar.jar -arg -arg2',
  function (error, stdout, stderr){
    console.log('stdout: ' + stdout);
    console.log('stderr: ' + stderr);
    if(error !== null){
      console.log('exec error: ' + error);
    }
});

一切正常。但是现在，这两者之间如何沟通？最后我想做两件事： 1.获取文件输出并显示到VueJS组件中 2. 在我的前端使用表单设置参数值。

我应该如何处理以实现这两件事？感谢您的宝贵时间！

【问题讨论】：

标签： javascript node.js vue.js

【解决方案1】：

第一：这可以使用 http 服务器轻松实现阅读https://nodejs.org/api/http.html

const http = require('http');
const exec = require('child_process').exec;
const server = http.createServer((req, res) => {
     child = exec(`/usr/bin/java -jar ./myjar.jar -arg -arg2`,function (error, stdout, stderr){
          res.write(stdout);
          console.log('stderr: ' + stderr);
if(error !== null){
  console.log('exec error: ' + error);
}
server.listen(8080);

其次，可以很方便的在req对象中获取请求参数。

【讨论】：