配置axios在vue-cli中的使用:
在main.js中配置
import axios from "axios"Vue.config.productionTip = falseVue.prototype.$axios = axiosaxios.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,所以出现了上面的问题