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

您需要为API服务器添加完整的URL。

rm -rf *

Answer 2

我相信您只是在axios配置中输入错误。

应为baseURL而不是baseUrl。请看一下docs。

与API通讯时如何修复404错误

2 个答案: