Vue.js Vue应用程序请求错误的Axios baseURL

我试图从.env.local创建一个baseURL，但在请求中我被替代了

我使用npm运行服务->

有什么建议吗

.env.locale

VUE_APP_ENDPOINT="https://api.EXAMPLE.dev/api"

  created: function() {
    axios
      .get("/users")
      .then(response => {
        this.items = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  },

main.js

import axios from "axios";

axios.defaults.baseURL = process.env.VUE_APP_ENDPOINT;

组件.vue

VUE_APP_ENDPOINT="https://api.EXAMPLE.dev/api"

  created: function() {
    axios
      .get("/users")
      .then(response => {
        this.items = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  },

试着写

axios.defaults.baseURL = process.env.VUE_APP_ENDPOINT || "https://api.EXAMPLE.dev/api"

对于Component.vue文件

  created: function() {
    axios({
         url: "/users"
      })
      .then(response => {
        this.items = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  }

检查这是否有效。这可能是process.env未给出正确值的原因

试试写吧

axios.defaults.baseURL = process.env.VUE_APP_ENDPOINT || "https://api.EXAMPLE.dev/api"

对于Component.vue文件

  created: function() {
    axios({
         url: "/users"
      })
      .then(response => {
        this.items = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  }

---

检查这是否有效。这可能是process.env未给出正确值的原因

代码没有问题，重新启动后，代码正常工作

npm run serve

---

代码没有问题，重新启动后，代码正常工作

npm run serve

---

在定义

axios.defaults.baseURL

时，您的

process.env.VUE\u APP\u端点是否可能由于某种原因而处于
未定义状态？你试过检查吗？是的，它不知道process.env.VUE_APP_端点是如何定义的，但我是从.env.localIs定义的。当你定义
axios.defaults.baseURL
时，你的
process.env.VUE_APP_端点是否可能是
未定义的
？您是否尝试过检查？是的，它不知道process.env.VUE APP_u端点是如何工作的，但我从.env.localt定义此url，但我想插入.env.local的url。就我所知，这就像process.env是null一样。env.local不应该在引号（“”）中包含url。尝试删除它，看看它是否有效。不是从“”。我会做更多的研究。我会重新启动应用程序。npm运行服务，它的工作，无论如何，感谢您的时间！它可以工作，但我想从.env.local插入url。就我所知，这就像process.env是null一样。env.local不应该在引号（“”）中包含url。尝试删除它，看看它是否有效。不是从“”。我会做更多的研究。我会重新启动应用程序。npm运行服务，它的工作，无论如何，感谢您的时间！