使用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，所以出現了上面的問題