https://github.com/hunter-ji/uniapp-request

uniapp网络请求
https://github.com/hunter-ji/uniapp-request

request uniapp

Last synced: 7 days ago
JSON representation

uniapp网络请求

• Host: GitHub
• URL: https://github.com/hunter-ji/uniapp-request
• Owner: hunter-ji
• License: mit
• Created: 2020-03-11T06:52:16.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-03-12T16:50:43.000Z (over 4 years ago)
• Last Synced: 2023-10-30T12:43:12.705Z (about 1 year ago)
• Topics: request, uniapp
• Language: JavaScript
• Size: 14.6 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## uniapp request

## 介绍

本项目借鉴项目[134355/min-request](https://github.com/134355/min-request)的网络请求代码。

本项目根据该项目的网络请求二次开发，分离接口，按需引入。在于解决uniapp项目网络请求问题，统一管理请求、拦截和接口。

在本项目最新的更新中更改了原有的参数传入方式，实现了自动添加参数功能。

## 使用

1. 项目中加入utils/

   ```bash

   mv utils 

   ```

2. 在main.js中引入

   ```javascript

   import request from "./utils/request";

   Vue.use(request);

   ```

3. 修改服务请求地址

   ```javascript

   // utils/api.js

   

   mRequest.setConfig(config => {

      config.baseURL = "http://server-url";

      return config;

   });

   ```

   * 开发时此处可使用环境变量来切换环境

4. 创建api文件夹

   ```bash

   mkdir api

   ```

5. 在api/下创建接口文件

   以用户登录为例，文件名为`user.js`

   ```javascript

   import request from "../utils/api";

   

   export function login(data) {

      return request.post({

         url: "/user/login",

         data: data

      })

   }

   ```

6. 页面中请求

   ```vue

   

   	...

   

   

   

   import { login } from "../../api/user";

   

   export default {

      methods: {

         login({

            phone_number: "123123123",

            "verify_code": "123123"

         }).then(response => {

            console.log(response.data);

         })

   	}

   }

   

   ```

   

## 更多请求方式

* url添加多个参数，如`token`等

  ```javascript

  import request from "../utils/api";

  

  export function delUser(token, uid, data) {

      return request.post({

         url: "/user/delete",

         data: data,

         params: {token, uid}

      })

  }

  ```

  ```javascript

  ...

  deluser(

      "tokenbalabala", // token

      12, //uid

      {	// 这里只是为了演示强行加入data

         username: "kuari",

         password: "adminadmin"

      }

  )

  ...

  ```

  请求时候url将变为：`http://xxx.com/user`/delete?token=tokenbalabala&uid=12