如何为 webpack 模板添加后端？

Question

我是 Vue.js 和 Webpack 的新手。我尝试使用 vue-cli 来使用 webpack 模板。生成新项目后，我想添加一个后端。

我的问题是将后端（快速服务器）添加到同一个项目是否是个好主意？

或者我应该为此创建一个新项目吗？

Answer 1

如果您浏览模板的问题，您会找到很多答案。特别是Issue #456正在通过代理讨论这个话题。代理将通过本地环境将 api 镜像到运行。所以你没有任何 CORS 问题。另一个来源在文档文件夹中：Backend。它基本上建议使用代理 table 将您的本地调用镜像到某种后端。我喜欢运行两种不同类型的项目（一个 asp.net 核心网站 api 和这个模板）。

将您的 config/index.js 编辑成如下内容：

// config/index.js
module.exports = {
  // ...
  dev: {
    proxyTable: {
      // proxy all requests starting with /api to jsonplaceholder
      '/api': {
        target: 'http://localhost:5431',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

对 /api/posts/1 的请求将被镜像到 http://localhost:5431/posts/1。

Answer 2

我有同样的问题并发现了这个有趣的项目：https://github.com/danmademe/express-vue。似乎是一个可能的解决方案，并获得了相当多的星星。免责声明：我也是 nodejs 的新手，可以告诉你更多相关信息。我会试一试，特别是因为它有两个示例项目。

这里是background blog post。

如何为 webpack 模板添加后端？

How to add a backend to the webpack template?

express

webpack

vue.js

webpack-dev-server