gongdear

gongdear的技术博客

欢迎大家参观我的博客
  menu
90 文章
89355 浏览
4 当前访客
ღゝ◡╹)ノ❤️

VUE使用axios发请求

先安装
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’即可
}
},

宝剑锋从磨砺出,梅花香自苦寒来.