您的位置:首页 > Web前端 > Vue.js

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’即可
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐