1.下载 axios
npm install axios -S
然后再mian.js 里面引入
import axios from 'axios'
Vue.prototype.axios = axios
第二步:新建一个vue.config.js文件 配置反向代理 解决跨域的问题
module.exports = {
devServer: {
proxy: {
"/api": {
target: 'http://www.ibugthree.com/', // 想要访问接口域名
changeOrigin: true, // 开启跨域,在本地创建一个虚拟服务,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据交互就不会有问题
pathRewrite: {
"^/api": '', // 利用这个地面的值拼接上target里面的地址
}
}
}
},
}
第三步:在src文件夹下新建api
3.1:api里新建request.js文件夹 里面写入:
// 这是axios二次封装
import axios from 'axios'
//import store from '../store/index' //这是引入vuex的
//定义一个延迟数据
let timeout=3000
expo