How to Make Secure HTTP Requests with Vue and Express

holly · March 14, 2020, 6:40pm

Hey @awang87! Sorry you’re having issues. Are you using backticks on line 13 there? It should look like this:

let res = await axios.get("http://localhost:8000/events/" + eventId, {
        headers: {
            Authorization: `Bearer ${accessToken}`
        }
    });

github.com

auth0-blog/vue-express-auth/blob/master/client/src/services/EventService.js

import axios from "axios"

export default {
  async getEvents() {
    let res = await axios.get("http://localhost:8000/events");
    return res.data;
  },
  async getEventSingle(eventId, accessToken) {
    let res = await axios.get("http://localhost:8000/events/" + eventId, {
        headers: {
            Authorization: `Bearer ${accessToken}`
        }
    });
    return res.data;
  }
}

Let me know if that fixes it!

Topic		Replies	Views
Beginner Vue.js Tutorial with User Login Blog Discussions javascript , vuejs , vue	51	12341	June 9, 2024
Using Vue with an Express backend (express-openid-connect), I cannot access the predefined /login route Get Help	0	1548	June 12, 2022
Documentation: the code sample links on this page are not correct for the new Vue 3 samples Get Help	3	1637	August 30, 2022
Vuejs + API tutorial don't work Get Help vuejs	2	4341	August 24, 2020
Stateless JWT auth for Vuejs and Express App Get Help jwt , vuejs , express-jwt	2	4643	July 25, 2019

How to Make Secure HTTP Requests with Vue and Express

Related topics