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

Posted 2021-12-15 二木成林

异常

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)
    );