如何在vue.js中为我的计算机、同事的计算机和生产指定不同的API？
如何在vue.js中为我的计算机、同事的计算机和生产指定不同的API？
提问于 2018-11-23 18:05:33
我想让我的api /后端服务器的URL自动加载，并在我的vue.js应用程序发出的所有请求中使用。
对于我自己的笔记本电脑，我通常在localhost运行后端，所以我希望url是本地主机。
但是在生产中，以及在我同事的计算机上，我希望使用生产URL (或同事计算机的暂存URL )。
这是因为同事没有在本地运行后端。
这能用vue.js实现吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-11-23 18:18:40
检查vue cli 3的环境变量和模式；实际上分别为开发和生产设置了两个.env文件(.env.development和.env.production)：
在.env.development中，每个开发人员可以不同地设置基本url：
VUE_APP_BASE_URI=localhost:8000 or a staging uri for your coworker在.env.production中
VUE_APP_BASE_URI=YourProductionURL在您的应用程序中，将http请求配置为使用process.env.VUE_APP_BASE_URI作为基本URL。
现在，当您和您的同事处于开发模式(即运行npm run serve)时，它将从.env.development中选择VUE_APP_BASE_URI；当通过npm run build部署到生产中时，您的应用程序将使用.env.production文件中的VUE_APP_BASE_URI。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53451227
复制相关文章
相似问题
腾讯云开发者
