uniapp request网络http请求封装

最新推荐文章于 2024-09-15 17:21:00 发布

不爱敲代码的大帅比

最新推荐文章于 2024-09-15 17:21:00 发布

阅读量466

点赞数

分类专栏： Javascript 文章标签： uni-app vue.js Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_67434908/article/details/129743710

版权

本文介绍了如何在uni-app项目中创建一个名为`request.js`的公共模块，用于封装HTTP请求。首先，要在项目的common目录下建立request.js文件，并进行基本的测试代码编写。接着，讲解了在数据页面如何导入并验证导入是否成功。文章进一步阐述了封装请求的方法，包括默认的GET请求方式以及如何携带参数进行POST请求。通过这个封装，开发者可以在各个页面方便地调用网络请求。

摘要由CSDN通过智能技术生成

首先在项目目录下先建一个common目录，并新建一个request.js文件，在文件放入以下代码测试

// 这里是抛出去的意思
export default {
    a:1,
    }

然后在数据页面导入

import $http from '@/common/request.js' // 先import引入

然后数据页面在onload生命周期函数里面确认是否导入

console.log($http.a) // 1 打印为1

封装请求

// 这里是抛出去的意思
export default {
    a:1,
    // 这是一个公共模板
    common:{
        baseUrl:"https://menuapp.shandongweipai.com", //我这里是放的假域名
        // 前端穿个后端的数据
        data:{},
        // 设置请求的 header
        head:{
            'content-type':"application/json",
            'content-type':"application/x-www-form-ur