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

【问题标题】：How to add a url config file for Vue project如何为 Vue 项目添加 url 配置文件
【发布时间】：2018-12-10 11:56:13
【问题描述】：

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

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

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

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

我的预期是，在运行命令“npm run build”之后，我可以随时编辑文件。这可能吗

【问题讨论】：

标签： vue.js

【解决方案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

【讨论】：

这只能在命令“npm run build”之前进行编辑。是否有可能在命令“npm run build”之后添加一个文件来编辑它？
IN节点需要重新编译编译和压缩app js。这就是为什么 npm run build 很重要，您可以尝试使用节点超级用户。它用于收集文件以监视更改github.com/petruisfan/node-supervisor