laravel-vujsプロジェクトのルート/ベースURLを設定するにはどうすればよいですか？

Question

私はwww.example.com/demos/app, のようなドメインにVueJSプロジェクトを展開してきました。しかし、私はそれaxiosからAPIにリクエストを送信するときは、ここでは代わりにwww.example.com/demos/app/login

のwww.example.com/loginを指している私の要求コードがaxios

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

Answer 1

を使用してget/post/put/deleteコール一つの方法は、頭にメタタグを追加することであることを確認するたびにポイントすることができますあなたのページの（あなたがCSRFで行うことができますように）してからbootstrap.jsファイルで参照：

ヘッド

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

（ window.axios = require('axios');下）

bootstrap.js

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

この情報がお役に立てば幸い！

Answer 2

を使用しています

であるconfig.js：

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

export default CONFIG; 

あなたはこのようなaxiosのデフォルトを設定することができ

：

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

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

それとも、ただconfigからAPI_BASE_URLをインポートすることで、パスを設定し、それをあなたがこのことについて行くことができるaxios