如何解决axios中的net::ERR_CONNECTION_REFUSED或net::ERR_CONNECTION_RESET？

Question

当前 url：http://127.0.0.1:8000/

当我尝试向 http://127.0.0.1:9000/ 发送请求时，它提供 net::ERR_CONNECTION_REFUSED 或 net::ERR_CONNECTION_RESET。但是当我尝试在浏览器中单独调用时 http://127.0.0.1:9000/ 工作正常。其他 API 工作正常。这是什么原因？我该如何解决这个问题？

我的代码：

axios.get('http://127.0.0.1:9000')
     .then((response) => {
        console.log(response);
      })

vue 3.2.31

axios 0.25.0

Answer 1

我们收到 CORS 策略错误，因为我们的 bootstrap.js

中有这些默认值 headers

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

您应该为 axios 中的一个请求删除默认值 headers。您可以在您提出的请求中使用 transformRequest：

axios.get('xxxx.com', { transformRequest: [(data, headers) => {
   delete headers.common['X-Requested-With'];
   return data 
}] })
.then((response) => {
   console.log(response);
})

如何解决axios中的net::ERR_CONNECTION_REFUSED或net::ERR_CONNECTION_RESET？

How to solve net::ERR_CONNECTION_REFUSED or net::ERR_CONNECTION_RESET in axios?

vue.js

axios

vuejs3