我使用vue-cli作为前端，lumen作为后端，我很好奇在vue中存储API根url和端点的最佳实践是什么？
现在我在src目录中有constants.js个文件，其中API根url和端点如下:
const BASE_URL = "http://localhost:8000"
export const AddLanguge = BASE_URL + "/api/languages"
例如，当我需要在组件中实现添加语言功能时，我会从常量中导入所需的API端点.就像这样:
import { AddLanguge } from '@/constants'
然后使用axios发出请求
this.$http.post(AddLanguge, params).then(response => {
if (response.status == 200) {
this.addLanguage(response.data.data)
} else {
this.setHttpResponseDialog(response)
}
}).catch(er => {
this.setHttpResponseDialog("Error")
})
我搜索了这个问题，但没有明确的答案，有人说:it's ok.
其他人说:很糟糕，你必须在dev.env.js和prod.env.js中存储这类数据，这里最重要的事实是，我不明白他们为什么这么说，为什么把这些数据保存在.env个文件中很重要？或者有没有其他更好的方法？
你们能提供一个正确的答案并给出很好的解释吗？或者如果没有正确的答案，这取决于具体情况，我该如何决定哪种方式适合我的情况？