vue 跨域访问http
axios用法:
npm install axios --save-dev
2.导入:
import axios from 'axios';
3.使用($(form)需要先按装jQuery)
axios.post('http://localhost:3000/users/zhuce',$(form).serialize()) .then(function(res){ console.log(res); alert(res.data); }) .catch(function(err){ console.log(err); })
4.$(form)需要先按装jQuery
npm install jquery --save-dev
5.到build/webpack.base.conf.js中,
导入:var webpack = require('webpack');
最下面添加:
plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "window.jQuery":"jquery" }) ]
vue文件中无需导入,可直接使用$和jQuery
1.安装
npm install vue-resource --save-dev
2.main.js中
Vue.use(require('vue-resource')); //--------添加
3.vue中使用
callKa:function(event){ this.$http.get('http://localhost:3000/',{}).then(function(data){ alert(data.body); }).catch(function(err){ alert('出错'); for(let key in err){ console.log(key+':'+err[key]); } }) }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步