使用axios请求的坑

配置axios在vue-cli中的使用：

　　在main.js中配置

　　

import axios from "axios"

Vue.config.productionTip = false
Vue.prototype.$axios = axios
axios.defaults.baseURL = "/api"
// axios.defaults.timeout = 1000

在vue.config.js文件中

devServer: {
    // port: 8081,
    proxy: {      
      '/api': {
        target: 'http://localhost:8080/api',
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },
  },

目的：

　　实现代理（跨域）请求后端数据

出现情况：

　　只是通过url可以拿到数据，但是在network中没有返回值，在控制台上出现下面的错误

Error: timeout of 1000ms exceeded
at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16:15)
at XMLHttpRequest.handleTimeout (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:89:14)

原因：

axios.defaults.timeout = 1000

这是设置了axios请求不能超过一秒，但是在这个项目中请求的时间超过了设置的timeout，所以出现了上面的问题

 

转载于:https://www.cnblogs.com/zmdblog/p/11236911.html