先安装
npm install axios -save
在main.js文件中声明
main.js:
import Vue from 'vue'
import App from './App'
import axios from 'axios'
delete L.Icon.Default.prototype._getIconUrl;
L.Icon.Default.mergeOptions({
iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
iconUrl: require('leaflet/dist/images/marker-icon.png'),
shadowUrl: require('leaflet/dist/images/marker-shadow.png'),
});
new Vue({
el: '#main',
template: '
components: { App },
});
// 将axios挂载到prototype上，在组件中可以直接使用this.axios访问
Vue.prototype.axios = axios;
然后就可以在vue代码中直接引用了
*.vue:
this.axios({
method:"POST",
url:'http://www.baidu.com',
data:{
latlng:e.latlng
}
}).then((res)=>{
console.log(res)
}).catch((err)=>{
console.log(err)
})
跨域代理设置
'/testapi': {
target:'http://api.gongdear.com',//设置你调用的接口域名和端口号 别忘了加http
// target:'http://127.0.0.1:8180',//设置你调用的接口域名和端口号 别忘了加http
changeOrigin: true,
pathRewrite: {
'^/testapi': '' //这里理解成用‘/list’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/list/user/add’即可
}
},