Question

我尝试从.env.local创建一个baseURL，但是在请求中，我得到了http://localhost:8083/Contracts/users的https://api.EXAMPLE.dev/api/users的支持。

我使用npm run serve-> http://localhost:8083

有什么建议吗？

.env.locale

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

main.js

import axios from "axios";

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

Component.vue

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

Answer 1

尝试写作

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没有提供正确值的原因。

Answer 2

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

npm run serve

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

2 个答案: