Axios：网络错误且未发送请求

Question

我正在尝试使用 axios 从 Vue 向 api 发送带有 auth headers 的获取请求。

当我尝试发送它时，它给了我一个 Network Error，但没有任何相关信息。我还检查了网络选项卡，请求根本没有发送。

在我使用 postman 和 https://www.hurl.it/ 检查 url 之前，它按预期工作。

此外，我已使用 axios 向此 api 发送请求以获取令牌。

谢谢。

const token = "token";

let options = {
    method: 'GET',
    url: 'http://smev.test-it-studio.ru/api/analytics/PortfolioStructure',
    headers: {
        'Authorization': `Bearer ${token}`
    },
};

axios(options).then((data) => {
    console.log(data);
}).catch((error) => {
    console.log(error.config);
});

编辑： 这是我得到的错误：

Error
  columnNumber: 15
  config: {…}
    adapter: function xhrAdapter()
    baseURL: "http://smev.test-it-studio.ru"
    data: undefined
    headers: Object { Accept: "application/json", Authorization: "Bearer token"}
    maxContentLength: -1
    method: "GET"
    timeout: 0
    transformRequest: Object [ transformRequest() ]
    transformResponse: Object [ transformResponse() ]
    url: "http://smev.test-it-studio.ru/api/analytics/PortfolioStructure"
    validateStatus: function validateStatus()
    xsrfCookieName: "XSRF-TOKEN"
    xsrfHeaderName: "X-XSRF-TOKEN"
    __proto__: Object { … }
  fileName: "http://uralsib-lk.dev/dist/build.js"
  lineNumber: 19074
  message: "Network Error"
  response: undefined
  stack: "createError@http://uralsib-lk.dev/dist/build.js:19074:15\nhandleError@http://uralsib-lk.dev/dist/build.js:18962:14\n"
  __proto__: Object { … }
  build.js:18589:24

Answer 1

在 Soleno 的帮助下，我发现是 AdBlock 阻止了请求。

Answer 2

我在 rails 中遇到了这个问题。就是上面说的cors。
rails 服务器不会显示日志，所以看起来 axios 根本没有发送请求。

谢天谢地，这是一个简单的修复。

对于 rails 将此添加到您的 gemfile:
gem 'rack-cors'

然后将其添加到 config/initializers/cors.rb

Rails.application.config.middleware.insert_before 0,Rack::Cors do  

allow do
  origins 'localhost:8080'

  resource '*',
    headers: :any,
    methods: [:get, :post, :put, :patch, :delete, :options, :head]
  end
end

注意：将源更新为您的前端应用程序的源。

Axios：网络错误且未发送请求

Axios: Network Error and not sending request

httprequest

axios

vuejs2