axios

话说千遍淡如水，不如代码来一通。 Axios post: let params = new URLSearchParams(); params.append('id',xx) axios({ url:'http://127.0.0.1:8000/userctrl/shoucang', method:'post', data:params, responseType:"text", }) .then(function(obj){ }) //后端取值： id = request.POST.get('id') Axios get: axios({ url:'http://127.0.0.1:8000/userctrl/shoucang', method:'get', params:{'id':xx}, responseType:"text", }) .then(function(obj){ }) //后端取值： id= request.GET.get('id') Ajax post: $.ajax({ url:"http://127.0.0.1:8000/userctrl/shoucang", data:{'id':xx}, type:"post", async:false, dataType:"text", success:function(obj){ console.log(obj)

get // 通过给定的ID来发送请求 axios.get('/user?ID=12345' ) 　　.then( function (response){ 　　　　console.log(response); 　　}). catch ( function (err){ 　　　　console.log(err); 　　}); // 以上请求也可以通过这种方式来发送 axios.get('/user' ,{ 　　　　　　params:{ 　　　　　　ID: 12345 　　　　} 　　}).then( function (response){ 　　　　console.log(response); 　　}). catch ( function (err){ 　　　　console.log(err); 　　}); post 只传一个普通参数 axios.post('${ctx}/rule/removeFile','fileName='+file.name).then( function (response){ console.log(response.data) }) const data = new URLSearchParams(); data.append( "beUserId" , userId); axios.post( '/user/attention' , data)

新建一个配置文件http.js // 导入axios import axios from ' axios ' ; // 全局配置默认路由 axios.defaults.baseURL = ' http://192.168.0.157:8989/xxxx/xxx/ ' ; axios.interceptors.request.use(function (config) { // 这里的config包含每次请求的内容 let token = window.sessionStorage.getItem( ' token ' ) if (token) { // 添加headers config.headers.token = `${token}`; config.headers[ ' content-type ' ] = ' application/x-www-form-urlencoded;charset=UTF-8 ' ; } else {} return config; }, function (err) { return Promise.reject(err); }) 来源： oschina 链接： https://my.oschina.net/u/4419222/blog/3391941

1、前端通过 formData: new FormData(), 构造对象传数值给后台！ 当传给后台的参数中有图片的时候，需要把需要传输的数据通过构造对象new FormData()的形式存数据，并且在传给后端的数据格式中要进行transfromRequest进行转化，从而模仿表单from提交 2、在vue中使用wnidow.location.href进行页面跳转时，跳转链接需要加协议http://不然跳转不过去！！！！ 3、在使用axios进行ajax请求时，如果传输的数据中含有图片上传，这时候需要通过new formData封装传输， 4、表格中直接用prop获取数据，如果是点击是获取当前行的数据， 那么使用template的scope属性！！！ 5、嵌套路由tabs选卡切换 效果如下 router设置 App\ManageV2\html\src\views\activity\channel\activityChannelList.vue watch: { ' $route ' (to, from ) { // 对路由变化作出响应... if (to.name === ' ActivityChannelList ' ) { this .$router.push({ name: ' ApplianceChannel ' }) } this .activeName = to