Vuejs2 Axios:网络错误,未发送请求

Vuejs2 Axios:网络错误,未发送请求,vuejs2,httprequest,axios,Vuejs2,Httprequest,Axios,我正在尝试使用axios从Vue向api发送带有auth头的get请求 当我试图发送它时,它会给我一个网络错误,没有任何信息。我还检查了网络选项卡,请求根本没有发送 在我使用postman检查url之前,它按预期工作 此外,我还使用axios向该api发送了一个请求,以获取令牌 多谢各位 const-token=“token”; 让选项={ 方法:“GET”, 网址:'http://smev.test-it-studio.ru/api/analytics/PortfolioStructure',

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

当我试图发送它时,它会给我一个
网络错误
,没有任何信息。我还检查了网络选项卡,请求根本没有发送

在我使用postman检查url之前,它按预期工作

此外,我还使用axios向该api发送了一个请求,以获取令牌

多谢各位

const-token=“token”;
让选项={
方法:“GET”,
网址:'http://smev.test-it-studio.ru/api/analytics/PortfolioStructure',
标题:{
'Authorization':'Bearer${token}`
},
};
axios(选项)。然后((数据)=>{
控制台日志(数据);
}).catch((错误)=>{
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

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

我在rails中遇到了这个问题。如上所述,这是cors。
rails服务器不会显示日志,因此看起来axios根本没有发送请求

谢天谢地,这很容易解决

对于rails,将其添加到您的文件:
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

注意:将orgins更新到前端应用程序的来源。

您是否可以记录完整的错误对象,而不仅仅是error.config?这是否是因为CORS?我读了其他的问题,当它是CORSHmm时,它们会有不同的错误,不确定你写的时候,你用hurl测试过。它成功了。协议是http是正确的吗?是的,我也使用fetch()尝试了这个请求,得到了相同的错误<代码>类型错误:尝试获取资源时出现网络错误。请求甚至没有发送,因为它没有显示在网络选项卡中。顺便说一句,API是用ASP.NET编写的,如果它有助于我解决类似问题的话。我只是在从本地机器测试运行前端时出现了“网络错误”的问题。我看到了你的回复,然后注意到隐私獾正在阻止对后端的访问。几天的挫折在几秒钟内就解决了。谢谢!你救了我,使我免于白白浪费时间。我有一个AdBlock阻止的端点(/api/v1/ad/)。