如何为 Vue 项目添加 url 配置文件

Question

是否可以为 Vue 项目添加配置文件来配置 API URL？

现在我有一个 Vue Web 项目和一个 .Net Web API 项目。

每次必须发布到不同的环境时，我都必须构建 Web 项目。

是否有可能添加一个配置文件，例如 web.config for .Net Web API，我可以随时对其进行编辑？

我所期望的是，我可以在运行命令"npm run build"后随时编辑一个文件。这可能吗

Answer 1

是的，如果你使用 webpack 你可以添加配置文件

/config/prod.env.js

module.exports = {
NODE_ENV: '"production"', // or development
BASE_URL: '"https://BASEURL/"',
API_URL: '"https://APIURL/"',
}

构建文件中的 assig 和使用

process.env.API_URL  

参考 ： https://alligator.io/vuejs/working-with-environment-variables/