Question

我是vue的新手，在这里有点困惑。

我正在使用vue-cli来构建vue应用，我了解我可以使用npm run serve运行开发服务器，该服务器在我的package.json中被引用为脚本vue-cli-service serve

但是我的应用程序需要一些来自本地node.js服务器的数据。我无法从开发模式请求此服务器，因为它在其他服务器上运行。为了使我的应用正常工作，我不得不使用

npm run build

然后要求我的节点服务器默认渲染生成的index.html文件。

如何结合开发模式和节点服务器？

使这项工作最好的方法是什么？

非常感谢

Answer 1

我偶然发现了这个问题，发现答案隐藏在评论列表的底部，所以我想突出显示它。
该答案来自@Frank Provost评论，它实际上应该是被接受的答案。如他的链接https://cli.vuejs.org/config/#devserver-proxy所述，您需要做的就是在（客户端）项目根目录中创建/编辑 vue.config.js文件，以包括以下内容：

module.exports = {
  devServer: {
    proxy: 'http://localhost:3000' // enter dev server url here 
  }
}

然后像往常一样从服务器项目中启动开发服务器：

[server-root]$ npm run dev

然后从vue-cli项目运行您的客户端项目

[client-root]$ npm run serve

然后，当您访问客户端URL（通常是localhost：8080）时，所有api请求都将转发到您的开发服务器。所有热模块替换仍然可以在客户端和服务器上使用。

如何将vue-cli开发模式与服务器端api相结合？

1 个答案: