Question

我正在尝试使用axios从Vue向api发送带有auth标头的get请求。

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

在我使用邮递员和https://www.hurl.it/检查网址之前，它按预期工作。

另外，我已经使用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

我遇到了这个问题。如上所述，是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：网络错误，不发送请求

2 个答案: