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