在webpack vue开发项目中访问url时如何返回json对象？_Webpack_Vue.js

在webpack vue开发项目中访问url时如何返回json对象？

webpack vue.js

在webpack vue开发项目中访问url时如何返回json对象？,webpack,vue.js,Webpack,Vue.js,我使用vue init webpack创建一个项目，然后放入代码 var users = [ {"name" : "1"}, {"name" : "2"}, {"name" : "3"}, ] app.get('/users', function (req, res) { res.end( JSON.stringify(users)); }) 在第59行之后的build/dev-server.js中当我访问/users时，我希望json对

我使用

vue init webpack

创建一个项目，然后放入代码

var users = [
       {"name" : "1"},
       {"name" : "2"},
       {"name" : "3"},
    ]
app.get('/users', function (req, res) {
  res.end( JSON.stringify(users));
})

在第59行之后的build/dev-server.js中

当我访问

/users

时，我希望json对象返回。但实际上它是：

<!DOCTYPE html>
<html>a
  <head>
    <meta charset="utf-8">
    <title>vuehttp</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  <script type="text/javascript" src="/app.js"></script></body>
</html>


A.
vuehttp

我的问题是如何向客户端提供url和响应json？

如何提供该数据取决于您在服务器端使用的技术，例如，如果您使用.net，则可以在ApiController中提供数据，在节点中可以使用Express或java中的任何其他中间件或JAX-RS

在您的客户端存在不同的替代方案，我认为最常见的是使用，您需要安装它，然后按如下方式使用它

  this.$http
   .get('/someUrl')
   .then((response) => {
      // success callback
    }, (error) => {
      // error callback
    });

，当服务器上找不到

/users

时，它会自动为您的索引页提供服务（通常是

/index.html

），因此您可以检查是否正确定义和访问了

/users

，甚至可以删除插件，查看

/users

是否返回

put app.get（url…）在此中间件之前：连接历史api回退将是正常的。