Wie setze ich root/base url für ein Laravel-Vujs-Projekt?

Question

Ich habe ein VueJS Projekt zu einer Domäne wie www.example.com/demos/app, eingesetzt Aber wenn ich eine Anfrage an api von axios es www.example.com/login statt www.example.com/demos/app/login

bin Code meiner Anfrage Hier zeigt senden axios

export const login = ({ dispatch }, { payload, context }) => { 
    return axios.post('/login', payload).then((response) => { 
     // do something 
    }).catch((error) => { 
     // handle erros 
    }) 
} 

Answer 1

Eine Möglichkeit, mit Ihnen über diese gehen könnte, ist ein Meta-Tag auf den Kopf hinzufügen Ihrer Seite (wie Sie mit dem csrf tun kann) und verweisen Sie dann in Ihrer bootstrap.js Datei:

Kopf

<meta name="api-base-url" content="{{ url('demos/app') }}" /> 

bootstrap.js (unter window.axios = require('axios');)

window.axios.defaults.baseURL = document.head.querySelector('meta[name="api-base-url"]').content; 

hoffe, das hilft!

Answer 2

mit

In config.js:

const CONFIG = { 
    API_URL_ROOT: 'http://localhost:8000/api/v1/', 
} 

export default CONFIG; 

Sie axios Standard wie folgt einstellen:

import config from '../config.js'; 

axios.create({ 
    baseURL: config.API_BASE_URL 
}); 

Oder Sie können einfach Pfad festlegen, indem API_BASE_URL von config importieren und zeigen Sie dann jedes Mal, wenn Sie einen get/post/put/delete Anruf axios