登录  /  注册
博主信息
博文 1
粉丝 0
评论 0
访问量 568
相关推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
Vue axios封装
Rind
原创
568人浏览过

根目录打开src目录创建request文件夹

创建两个文件http.js、api.js

http.js

  1. import axios from 'axios'
  2. // 环境的切换
  3. if (process.env.NODE_ENV === 'development') {
  4. axios.defaults.baseURL = 'http://192.168.3.5:8084/'
  5. } else if (process.env.NODE_ENV === 'debug') {
  6. axios.defaults.baseURL = 'http://192.168.3.5:8084/'
  7. } else if (process.env.NODE_ENV === 'production') {
  8. axios.defaults.baseURL = 'http://192.168.3.5:8084/'
  9. }
  10. axios.defaults.timeout = 10000
  11. axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8;multipart/form-data'
  12. /**
  13. * get方法,对应get请求
  14. * @param {String} url [请求的url地址]
  15. * @param {Object} params [请求时携带的参数]
  16. */
  17. export function get (url, params) {
  18. return new Promise((resolve, reject) => {
  19. axios.get(url, {
  20. params: params
  21. }).then(res => {
  22. resolve(res.data)
  23. }).catch(err => {
  24. reject(err.data)
  25. })
  26. })
  27. }
  28. /**
  29. * post方法,对应post请求
  30. * @param {String} url [请求的url地址]
  31. * @param {Object} params [请求时携带的参数]
  32. */
  33. export function post (url, params) {
  34. return new Promise((resolve, reject) => {
  35. axios.post(url, params)
  36. .then(res => {
  37. resolve(res.data)
  38. })
  39. .catch(err => {
  40. reject(err.data)
  41. })
  42. })
  43. }

api.js

  1. //引入http.js
  2. import { get, post } from './http'
  3. //请求地址http://192.168.3.5:8084/exam/question
  4. //http://192.168.3.5:8084/在http.js已定义
  5. //在api.js只需要接口就行了
  6. export const api = p1 => get('exam/question', p1)

在需要使用的页面引入import {api} from ‘@/request/api’;

{内可以多个}

  1. api({
  2. //参数
  3. }).then(res => {
  4. //成功返回
  5. })
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学