Vue 应用请求错误的 Axios baseURL

Question

我尝试从 .env.local 创建一个 baseURL，但在请求中我得到 http://localhost:8083/Contracts/users insted of https://api.EXAMPLE.dev/api/users.

我使用 npm 运行服务 -> 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

Vue application request wrong Axios baseURL

vue.js

axios