Vue application request wrong Axios baseURL

Question

I try to create a baseURL from .env.local, but in request I get http://localhost:8083/Contracts/users insted of https://api.EXAMPLE.dev/api/users.

I use npm run serve -> http://localhost:8083

Any suggestion, please?

.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);
      });
  },

Is it possible that your process.env.VUE_APP_ENDPOINT is undefined for some reason when you define your axios.defaults.baseURL ? Have you tried to check that? — ajobi
– ajobi, Commented Nov 12, 2019 at 20:24
Yes, it didn't know how process.env.VUE_APP_ENDPOINT is, but I define this from .env.local — Beusebiu
– Beusebiu, Commented Nov 12, 2019 at 20:41

Abhishek Shastri · Accepted Answer · 2019-11-12 20:32:26Z

1

Try writing

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

And for Component.vue file

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

Check if this works. May be that can be reason that process.env is not giving correct value.

answered Nov 12, 2019 at 20:32

Abhishek Shastri

5873 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Beusebiu Over a year ago

It works, but I want to insert the url from .env.local. It's like process.env is null

Abhishek Shastri Over a year ago

As i know .env.local should not contain url in quotes (" "). Try removing that and see if it works.

Beusebiu Over a year ago

Is not from " ". I will do more research about it.

Beusebiu Over a year ago

I restart the app. npm run serve, and it works, anyway, thanks for your time!

Beusebiu · Accepted Answer · 2019-11-12 21:03:03Z

0

Was no problem with the code, after a restart it worked.

npm run serve

answered Nov 12, 2019 at 21:03

Beusebiu

1,5234 gold badges35 silver badges80 bronze badges

Collectives™ on Stack Overflow

Vue application request wrong Axios baseURL

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related