1.新建文件夹 network 在文件新建 request.js

request.js:

import axios from 'axios'

export function request (config) {
// 1创建axios实例
const intstance = axios.create({
baseURL: 'https://localhost:44314',
timeout: 5000
// contentType: 'application/json;charset=UTF-8',
// dataType: 'json'
}) // 1.axios拦截器
intstance.interceptors.request.use(config => {
return config
}, er => {}) // 1.axios响应拦截拦截
intstance.interceptors.response.use(res => {
return res
}, er => {
}) return intstance(config) } export default request //导出

2.main.挂载配置

import request from '@/network/request'

new Vue({
el: '#app',
router,
store,
request, // 封装的axios
components: { App },
template: '<App/>' })

3.在需要使用axios的vue组件调用

import request from '@/network/request'

  request({ // 查询所有
url: '/api/Gj'
}).then(res => {
this.tableData = res.data
}) request({ // 条件查询
url: '/api/Gjtype/' + gjtype
}).then(res => {
this.tableData = res.data
}) request({ // 添加
url: '/api/Gj',
method: 'POST',
data: {
'id': 0,
'method': this.method,
'text': this.content,
'type': this.value
}
}).then(res => {
console.log(res)
if (res.status === 201) {
this.open1()
console.log('成功')
} else {
this.open4()
console.log('失败')
}
}).catch(console.error.bind(console)) // 异常 request({// 更新
url: '/api/Gj/' + this.id,
method: 'put',
data: {
'id': this.newinfo.id,
'method': this.newinfo.method,
'text': this.newinfo.text,
'type': this.newinfo.type
}
}).then(res => {
if (res.status === 204) {
this.open1()
console.log('成功')
} else {
this.open4()
console.log('失败')
}
}).catch(console.error.bind(console)) // 异常

最新文章

  1. CYQ.Data V5 从入门到放弃ORM系列:教程 - AppConfig、AppDebug类的使用
  2. shell脚步传参
  3. dedecms为什么文档标题最大长度只能显示二十个汉字呢?
  4. 百度网盘生成二维码api
  5. Linux4:useradd、userdel、passwd、groupadd、chgrp、chown、df、du、sort、wget
  6. 基于 flow.ci 实现 PHP 项目自动化持续集成
  7. 快速入门系列--MVC--05行为
  8. Grunt vs Gulp
  9. PostgreSQL9.1 upgrade to PostgreSQL9.5rc1
  10. Unity-Animator深入系列---测试CrossFade和CrossFadeInFixedTime
  11. xml配置文件详解
  12. [HttpException (0x80004005): The current identity
  13. UIView frame, bounds and center
  14. 【C++】ubuntu中读取指定目录中的所有文件
  15. 用IntelliJ IDEA搭建第一个SpringBoot例子
  16. css样式之补充。。。
  17. dagger2 重点笔记
  18. 【转】如果有人让你推荐Python技术书,请让他看这个列表
  19. 题目1456:胜利大逃亡(广度优先搜索BFS)
  20. eclipse使用egit插件

热门文章

  1. mysql数据库之管理表和索引
  2. VIJOS-P1232 核电站问题
  3. LG2463/BZOJ4698 「SDOI2008」Sandy的卡片 后缀数组
  4. Excel-数据透视表
  5. 数据库创建,用户管理,导入dmp文件
  6. python3 获取当前日期的时间戳,以及n天后的日期时间戳
  7. 使用 Java 执行 groovy 脚本或方法
  8. 2条最佳实践App疯狂增长逻辑
  9. c# 自动给版本升级,遇9变0且前面一个版本加1
  10. select2的简单使用