axios使用create创建实例并设置baseURL报错“Error: Request failed with status code 404“

最新推荐文章于 2025-03-24 10:16:13 发布

二木成林

最新推荐文章于 2025-03-24 10:16:13 发布

阅读量7.5k

点赞数

分类专栏：异常处理文章标签：前端 axios

本文链接：https://blog.csdn.net/cnds123321/article/details/121450412

版权

异常处理专栏收录该内容

306 篇文章

订阅专栏

本文介绍了一个常见的Axios请求错误——状态码404，并详细解析了错误的原因在于baseUrl配置错误，最后给出了正确的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

异常

Error: Request failed with status code 404
    at createError (D:\NodeJs\node-demo\node_modules\axios\lib\core\createError.js:16:15)
    at settle (D:\NodeJs\node-demo\node_modules\axios\lib\core\settle.js:17:12)
    at IncomingMessage.handleStreamEnd (D:\NodeJs\node-demo\node_modules\axios\lib\adapters\http.js:293:11)
    at IncomingMessage.emit (node:events:402:35)
    at endReadableNT (node:internal/streams/readable:1340:12)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  config: {
    transitional: {
      silentJSONParsing: true,
      forcedJSONParsing: true,
      clarifyTimeoutError: false
    },
    adapter: [Function: httpAdapter],
    transformRequest: [ [Function: transformRequest] ],
    transformResponse: [ [Function: transformResponse] ],
    timeout: 1000,
    xsrfCookieName: 'XSRF-TOKEN',
    xsrfHeaderName: 'X-XSRF-TOKEN',
    maxContentLength: -1,
    maxBodyLength: -1,
    validateStatus: [Function: validateStatus],
    headers: {
      Accept: 'application/json, text/plain, */*',
      'User-Agent': 'axios/0.24.0'
    },
    baseUrl: 'http://poetry.apiopen.top/',
    method: 'get',
    url: '/sentences',
    data: undefined
  },

错误代码

var axios = require('axios');

var axiosInstance = axios.create({
    baseUrl: 'http://poetry.apiopen.top/',
    timeout: 1000
});
axiosInstance
    .get('/sentences')
    .then(function (res) {
        console.log(res.data)
    });

原因

根据提示报出的响应状态码404，知道是路径的问题，但这个请求接口路径没有问题，但是这里使用了axios的baseURL，所以问题出在这。

我们看官网的示例代码是：

const instance = axios.create({
  baseURL: 'https://some-domain.com/api/',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
});

仔细看原来我们是把baseURL属性写成了baseUrl，所以导致报错。

解决

把baseUrl改成baseURL。

正确代码

var axios = require('axios');

var axiosInstance = axios.create({
    baseURL: 'http://poetry.apiopen.top/',
    timeout: 1000
});
axiosInstance
    .get('/sentences')
    .then(function (res) {
        console.log(res.data)
    });