vuejs2 - 如何为 laravel-vujs 项目设置 root/base url？

Question

我已经将一个 VueJS 项目部署到一个域，如 www.example.com/demos/app,
但是当我从 axios 向 api 发送请求时，它指向 www.example.com/login而不是 www.example.com/demos/app/login

这是我使用 axios 的请求代码

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

Answer 1

解决此问题的一种方法是在页面的头部添加一个元标记(就像您可能对 csrf 所做的那样)，然后在您的 bootstrap.js 中引用它。文件:

头

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

bootstrap.js (在 window.axios = require('axios'); 下方)

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

希望这可以帮助!