时间戳

首页 > 解决方案 > 如何在“构建”之后设置 Vue 环境变量而不将它们包含在 JS 文件中？

vue.js - 如何在“构建”之后设置 Vue 环境变量而不将它们包含在 JS 文件中？

问题描述

我正在构建一个 Vue 应用程序，它作为一个 SPA 工作，由我的 Express 后端呈现。在这个 Vue 应用程序中，我使用环境变量。这些变量之一是外部 API 服务的 API 密钥。显然，我不想向全世界展示我的 API 密钥，但是在我运行构建命令后，它包含了 Javascript 文件中的所有 env 变量，我相信任何人都可以访问它。

去这里的正确方法是什么？我是否应该在我的 Express 后端创建一个路由来处理对这个外部 API 的请求，以便我可以安全地将我的 API 密钥存储在服务器端？或者有没有办法让我的 Vue 应用程序自动向外部 API 发送请求，而无需显示 API 密钥？

顺便说一句，我正在使用 Vue 2。

标签： vue.jsenvironment-variables

解决方案

  1. 是的，无论您使用哪个版本的 VueJ，您都应该使用您的密钥创建一个后端与 API 交互，而不是前端这样做
  2. VueJS 是前端 javascript，这意味着用户可以在浏览器上看到甚至缩小的代码
  1. 是你要找的

推荐阅读