javascript - Vue.js 和 Node.js 开发环境中的测试 session

Question

所以我遇到的问题是:我正在尝试为我的应用程序使用 session ，虽然我知道如何在一切都已编译并准备就绪时让它们工作......我需要能够测试它们在开发过程中。

所以我的 Vue,js 运行在与 Node.js 后端服务器不同的端口上。问题出在哪里；如何让我的后端使用我的前端的地址来测试这个？例如:

app.get('/', (req, res) => {
    console.log(session);
});

将是 localhost:5000/(这是我现在使用的端口)。我可能会以完全错误的方式来解决这个问题，但我希望能够在开发过程中对此进行测试，而不是必须编译所有内容并祈祷它能正常工作。

如果有帮助的话，我正在使用快速 session 。

谢谢!

编辑:好的，我正在尝试代理，但似乎不起作用。我尝试将其放入 package.json' 文件中，然后我在 vue.config.js` 文件中阅读了一些内容，我可以这样做。这就是我所拥有的:

module.exports = {
    devServer: {
        proxy: 'http://localhost:5000',
    },
  }

Answer 1

您可以添加proxy在package.json你的 vue.js 应用程序。这样应用程序会认为它正在与同一服务器上的 API 进行通信，但实际上 vue.js 应用程序的主机只是后端的代理。我的假设是后端应用程序具有前缀 api对于所有端点，并且 vue.js 通过 npm 脚本托管在 Node.js 服务器上。

{
...
    "proxy": {
        "/api/*": {
          "target": "http://localhost:5000"
        }
     }
}

所以当 vue.js 应用尝试调用 http://localhost:8080/api/hello 时该请求将通过代理发送至 http://localhost:5000/api/hello 。浏览器将允许该请求。

代理仅在开发中使用，在生产中被忽略。

已编辑

如果您使用新版本的 Vue CLI v3，您可以使用嵌入式代理服务器:https://cli.vuejs.org/config/#devserver-proxy

对于代理的等效设置，如上面所示，创建 vue.config.js (如果尚不存在)包含以下内容:

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:5000',
        ws: true,
        changeOrigin: true
      }
    }
  }
}