Я использую vue-cli
для внешнего интерфейса и lumen
для внутреннего, и мне любопытно, как лучше хранить root-url и конечные точки API в vue?
Теперь у меня есть файл constants.js
в каталоге src
, где root-url и конечные точки API выглядят так:
const BASE_URL = "http://localhost:8000"
export const AddLanguge = BASE_URL + "/api/languages"
и когда мне нужно, например, реализовать функциональность добавления языка вкомпонент I импортирует необходимую конечную точку API из constants.js следующим образом:
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")
})
Я искал этот вопрос, но на некоторые вопросы нет однозначного ответаговорят: все в порядке .
Другие говорят: плохо, что вы должны хранить такие данные в dev.env.js
и prod.env.js
, и самый важный факт здесь - я не понимаю, почему они так говорят, почему важно сохранитьэти данные в .env
файлах?Или, может быть, есть какой-то другой лучший способ?
Ребята, можете ли вы дать правильный ответ с хорошим объяснением или если нет правильного ответа, и это зависит от ситуации, как я могу решить, какой способ подходит для моего случая?