NodeJS 有没有一种方法可以通过dev服务器向Vue.js应用程序提供模拟数据?

j7dteeu8  于 2023-06-05  发布在  Node.js
关注(0)|答案(1)|浏览(155)

我正在开发一个Vue.js应用程序,它 AJAX 调用检索一些数据;在开发环境中,我使用内置服务器在浏览器中运行应用程序,并使用运行在自己服务器上的API stubber模拟外部资源。由于这两个软件都使用node,我想知道是否有一种方法可以用一个命令运行这两个命令,为Vue.js应用程序代码和一些静态文件提供模拟调用(这些调用并不都是GET,需要参数,所以将json文件粘贴在app public文件夹中是不起作用的)。

编辑:让我试着澄清一下。Vue.js应用程序将与仍在开发中的后端服务进行交互。在我的工作站上,我可以通过运行npm run serve命令来玩这个应用程序,但是由于没有后端服务,我将无法尝试最有趣的部分。现在我在运行saray和我的应用程序,提供一些静态json文件来模拟服务器响应。它工作得很好,但我有效地运行了两个独立的http服务器,由于我是整个Vue,npm和javascript生态系统的新手,我想知道是否有更好的方法,例如从服务Vue应用程序的同一个(dev)服务器提供模拟响应。

xriantvc

xriantvc1#

是的,你可以通过配置来自dev服务器的fake/mock响应来实现这一点,编辑 * vue.config.js * 文件如下:

module.exports = {
  ...

  devServer: {
    setup: function (app) {
     // For example, to define custom handlers for some paths:
      app.get('/icecreams', function (req, res) {
        res.json(someIceCreams(req, res))
      })
      
      ...

另请参阅:https://webpack.js.org/configuration/dev-server/

相关问题