vue-cli项目中axios的安装以及使用
2019-07-22 16:07
288 查看
安装axios
cnpm install axios
在main.js文件引入 (或者父组件页面引入)axios
import axios from 'axios'
get方法发送请求
axios.get('/api/index.json') .then(this.getHomeInfoSucc)
关于axios的proxyTable配置设置
找到config目录下的index文件
proxyTable: { '/api': { target: 'http://192.168.30.109/qrweb/producer',//设置你调用的接口域名和端口号 别忘了加http changeOrigin: true, pathRewrite: { '^/api': ''//这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可 } }
相关文章推荐
- vue-cli 使用axios的操作方法及整合axios的多种方法
- 在Vue项目中使用npm安装bootstrap以及jquery
- 使用vue-cli安装项目中devServe 设置open为true的时候浏览器启动两次的解决办法
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- Vue2+VueRouter2+Webpack+Axios 构建项目实战(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- vue-cli3的安装及项目搭建与使用
- 前端开发手机端调用开发者工具(控制台信息,报错,接口信息等),ios安卓通用vue-cli项目中mockjs和vConsole的使用
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- vue项目中axios使用详解
- 使用vue-cli创建项目(包含npm和cnpm的安装nodejs的安装)
- 用npm安装vue和vue-cli,并使用webpack创建项目
- vue安装(vue-cli2.0脚手架安装)与创建项目以及打包部署
- 用npm安装vue和vue-cli,并使用webpack创建项目的方法
- VUE—axios的安装+使用+小demo(图文详情)
- 使用vue-ui来创建项目并安装vue-cli-plugin-element插件
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- vue项目中关于axios的简单使用
- 如何运行vue项目(从gethub上download的开源项目),安装vue-cli以及各种vue的环境,运行vue前后端分离项目
- vue.js学习10之动手使用vue-cli搭建项目及生成的代码进行修改练手