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

时间:2018-07-02 09:35:00

标签: vue.js

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

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

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

是否可以为.Net Web API添加诸如web.config之类的配置文件,我可以随时对其进行编辑?

我期望的是,运行命令'npm run build'之后,我可以随时有一个文件要编辑。这可能吗

1 个答案:

答案 0 :(得分:4)

是的,如果您使用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/

相关问题