解决分析bug能力提高篇之 前端小菜被困扰15天的问题(vue-element-admin axios请求的问题 一)

158 阅读2分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第4天,点击查看活动详情

课程口号

同为程序猿,我想要手环,希望大家多多 评论 点赞 收藏 🙏🙏🙏

课程背景

  • 程序员嘛,最开心的就是每天复制粘贴cv cv cv cv的,轻车熟路的整点业务。
  • 但是当偶尔遇到一些bug,那可就让人挠头了。
  • 我是一名PHP开发工程师,接手了一个外包项目
  • 项目前端代码用的是 vue-element-admin

问题描述

现在的项目都已经是前后端分离了。前端vue或者小程序啥啥啥。后端的话基本就是java python php go啥啥啥。前后端在数据交互的时候,基本都是Json方式传递数据,这个很简单了,拼个Json对象数据包,扔给后端就行,文件的上传也是异步了。但是,假如有那么些历史遗留的项目,与后端数据交互的方式form表单提交、Json数据包两种方式都有。那么,在vue-element-admin这种框架中,我们要如何处理,如何配置 axios呢?

正文开始

1 先部署一下vue-element-admin的代码。去geithub中把代码给拉取一下。因为我们是要中文的版本,所以clone的分支是i18n的分支。

image.png

2 项目根目录下执行初始化命令 npm install

3 运行项目 npm run dev

image.png

4 访问本地服务localhost:9500打开部署的项目。

image.png

此时可以看到,vue-element-admin自带的一些示例已经可以依次看到了。我们尝试着在现有功能基础上来创建一个留言板功能。通过留言板功能来复现遇到的问题。