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

Question

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

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

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

是否可以为.Net Web API添加像web.config这样的配置文件，我可以随时对其进行编辑？

我所期望的是，运行命令“ 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/"',
}

关联生成文件并使用

process.env.API_URL  

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