javascript - 与API通信时如何修复404错误

Question

我正在使用 nuxt.js (前端) 和 laravel6 (后端) API。 Laravel 应用程序正在运行 http://172.16.10.86:8000 端口，nuxt.js 应用程序正在运行 http://localhost:3000。我想使用 nuxt.js 应用程序在我的 MySQL 数据库中发送数据。当我从我的 nuxt.js 应用程序发送 POST 请求时，它会正确重定向但不会在数据库中插入任何数据。在网络选项卡中，我发现了 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。请看docs .