javascript - 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' }})

然后在另一个文件中我执行导出默认值{}，其中包含:

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'
})

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