Аксиос отправляет на неправильный URL

Question

Вот метод, который я использую на странице CreatePage.vue

  methods: {
async createPost() {
  try {
    await PostService.createPost(this.form);
  } catch (err) {
    console.log(err);
  }
}
  }
};

Вот класс PostService

   const axios = require('axios')
   const url = 'api/post/'

class PostService {
static async createPost(post) {
    return axios.post(url + 'create', post)
}

}

А вот vue.config для прокси

const path = require('path')

module.exports = {
outputDir: path.resolve(__dirname, '../server/public'),
devServer: {
    proxy: {
        '/api': {
            target: 'http://localhost:3000/',
        }
    }
},
}

Когда я делаю почтовый запрос, который должен перейти на http://localhost:3000/api/post/create

Проблема заключается в добавлении адреса текущих страниц в начало запроса, например,
http://localhost:3000/posts/api/post/create (страница сообщений, добавит панель инструментов, если на странице панели инструментов)

Answer 1

Проблема в вашем классе PostService, потому что вы не включили "/" в URL, замените его на

const axios = require('axios')
const url = '/api/post/'

class PostService {
  static async createPost(post) {
    return axios.post(url + 'create', post)
  }
}
``