使用axios代理槽OpenVPN在VUEJS中受保护的前端

Question

希望你们都很好。

我面临着前端实例的问题。 实际上，我们有一个由OpenVPN凭据托管和确保的前端。这意味着，没有与我们的VPN连接的情况下没有人可以访问它。该配置效果很好，但Axios代理仍然存在一个问题。

快速注意：

• 我们不使用
• AWS CloudFront
• Backend托管的服务器端渲染前端部署到AWS EC2实例

中，这是我的Nuxtjs frontend中的当前配置nuxt.nuxt.config.js file> file> file：

{
  ...,

  proxy: {
    '/api/': {
      target: !process.env.FLAVOR
        ? 'http://localhost:8009'
        : (process.env.FLAVOR === 'production'
            ? 'https://api.domain.tld'
            : 'https://' + process.env.FLAVOR + '-api.domain.tld'),
      pathRewrite: { '^/api/': '/v1/' }
    }
  },

  ...
}

此解决方案可帮助我轻松避免所有环境，而无需在Dockerfile中的环境变量以及CORS策略中设置每个URL。

这样，如果我检查控制台Inspector并验证网络选项卡，我将被拒绝，因为未连接到客户端。 VPN和代理如何真正起作用？请求称为客户端还是服务器端？

感谢您的帮助。