在Vue js中为Axios设置baseUrl会发出请求

Question

在我的应用程序中，我使用Axios来处理我的API请求。在main.js中我设置了baseUrl。如果没有我发出请求，它只需设置baseUrl就可以自己发出请求，所以总是在浏览器中加载应用程序时。

在我的main.js axios.defaults.baseURL = 'https://domain.nl/path/to/my/api

一切正常，但对baseUrl的请求返回500不请求数据。

main.js中的实现：

import axios from 'axios'
import VueAxios from 'vue-axios'

配置：

axios.defaults.baseURL = https://domain.nl/path/to/my/api
axios({
withCredentials: true,
credentials: 'same-origin',
headers: { 'content-type': 'application/x-www-form-urlencoded' }})

然后在另一个文件中我做了一个export default {}，其中包含：

getLang(payload) {

    payload.method = 'GET'
    payload.url = 'lang';

    return axios(payload).then(result => {
        return result.data
    });
}

有没有人知道如何取消这个请求或有没有更好的方法设置baseUrl没有这个'错误？

Answer 1

我试图复制你的问题，但它对我很好，你是如何实现Axios的？你使用的是哪个版本？

[编辑]建议的解决方案

使用它作为Nuxt插件

const axios = require('axios')
module.exports = axios.create({
  baseURL: 'domain.nl/path/to/my/api'
})

您可以在下面的评论中找到更多信息