javascript - 来自 .env 项的链接在 Vue.js 中被销毁

Question

对不起，我的英语不好。

我在 .env 文件中有这些条目：

VUE_APP_REST_API_URL=http://192.168.1.57:8080/rest/web
VUE_APP_RESOURCE_LOGIN=token

在组件 Login.vue 我有这个代码：

const url = path.join (process.env.VUE_APP_REST_API_URL, process.env.VUE_APP_RESOURCE_LOGIN);
console.log (url);
this.axios.post(url, formdata)

Console.log 输出：Login.vue? 7463: 95 http:/192.168.1.57:8080/rest/web/token 为什么要删除两个斜杠之一？url需要转义吗？

标签： javascriptvue.jsenvironment-variables

Answer 1

还有另一种方法可以做到这一点，我更喜欢用 vue-cli 生成的模板中的这个

const url = `${process.env.VUE_APP_REST_API_URL}/${process.env.VUE_APP_RESOURCE_LOGIN}`

如果您有两个或更多选项，请不要对一种解决方案感到不安。