Как исправить ошибку 404 при общении с API

Question

Я использую nuxt.js (внешний интерфейс) и laravel6 (внутренний интерфейс) API. Приложение Laravel работает с http://172.16.10.86:8000 портом, а приложение nuxt.js работает с http://localhost:3000. Я хочу отправить данные в базу данных MySQL с помощью приложения nuxt.js. Когда я отправляю запрос POST из моего приложения nuxt.js, он перенаправляется правильно, но не добавляет никаких данных в базу данных. На вкладке «Сеть» обнаружена ошибка 404.

       methods:{
        async register(){
        try {
        await this.$axios.post('/auth/register',this.form);
        } catch(e) {
            return;
        }

            this.$auth.login({data: this.form});

            this.$router.push({name:'index'});
        }

nuxt.config.js

auth: {
    strategies: { 
         local: { 
          endpoints:{
           login:{
      url: '/auth/login',method: 'post', propertyName: 'token'
    },
    user:{
      url:'me', method: 'get', propertyName: 'data'
    },
    logout:{
      url:'logout', method: 'get'
    }
  }
 } 
 },
 axios:{
   baseUrl:'http://172.16.10.86:8000/api'
 },

Answer 1

Я полагаю, вы просто опечатка в вашей конфигурации Axios.

Это должно быть baseURL не baseUrl. Пожалуйста, посмотрите на документы .

Answer 2

Вам необходимо добавить полный URL для сервера API.

 methods:{
    async register() {
    try {
    await this.$axios.post('http://172.16.10.86:8000/api/auth/register', this.form);
    } catch(e) {
        return;
    }

        this.$auth.login({data: this.form});

        this.$router.push({name:'index'});
    }