vue-element-admin get正常、post请求超时问题

1.方案一

删除 vue.config.js 中的

before: require('./mock/mock-server.js')

2.方案二

将 mockmock-server.js 文件下面的注释掉,

  // app[mock.type](mock.url, mock.response) //注释

再加上新的
   app[mock.type](mock.url, bodyParser.json(),bodyParser.urlencoded({  //添加
      extended:true
   }),mock.response)

### 关于 `vue-element-plus-admin` 的请求处理 在构建基于 `vue-element-plus-admin` 的后台管理系统时,网络请求的处理至关重要。此框架通常采用 Axios 进行 HTTP 请求操作[^1]。 #### 使用 Axios 处理 API 请求 为了简化与服务器之间的交互过程并提供更好的开发体验,项目中集成了 Axios 库来发送异步 HTTP 请求。下面是一个简单的例子展示如何创建一个通用的服务实例以及发起 GETPOST 请求: ```javascript // src/api/request.js import axios from 'axios'; const service = axios.create({ baseURL: import.meta.env.VITE_APP_BASE_API, // 设置基础路径 timeout: 5000 // 超时时间设置为5秒 }); service.interceptors.request.use( config => { const token = localStorage.getItem('token'); if (token) { config.headers['Authorization'] = `Bearer ${token}`; } return config; }, error => Promise.reject(error) ); export function fetchList(params) { return service.get('/api/list', { params }); } export async function createItem(data) { try { await service.post('/api/item', data); console.log('Item created successfully!'); } catch (err) { console.error(err.message || "Failed to create item."); } } ``` 上述代码片段展示了如何通过自定义配置初始化 Axios 实例,并添加了一个全局请求拦截器用于自动附带认证令牌到每次发出的请求头里。此外还提供了两个函数分别用来获取列表数据(`fetchList`)和提交新条目(`createItem`)。 对于更复杂的业务逻辑,则可以考虑引入状态管理工具如 Pinia 来帮助管理和共享应用中的数据流[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值