uniapp封装方法

最新推荐文章于 2025-04-15 16:43:36 发布

一个打工仔的笔记

最新推荐文章于 2025-04-15 16:43:36 发布

阅读量2.2k

点赞数

分类专栏： uniapp 文章标签： uni-app

本文链接：https://blog.csdn.net/Web_Notes/article/details/116923223

版权

uniapp封装方法

参考：https://www.cnblogs.com/gqx-html/p/10967570.html
根据报错和实际情况作了一些修改
1.环境配置
common文件夹下新建config.js

let url_config = ""

if(process.env.NODE_ENV === 'development'){
    // 开发环境
    url_config = 'https://*****.com/'  //开发环境就是运行时的环境接口
}else{
    // 生产环境
    url_config = 'https://*****.com/' //生产环境就是发布时的环境接口
}

export default url_config

2.uni.request封装
common文件夹下新建request.js

import urlConfig from './config.js'

const request = {}
const headers = {}
const PORT1 = '/baseinfo'
    
request.globalRequest = (url, method, data, power) => {
/*     权限判断 因为有的接口请求头可能需要添加的参数不一样，所以这里做了区分
    1 == 不通过access_token校验的接口
    2 == 文件下载接口列表
    3 == 验证码登录 */
            //当项目没有vuex时是正确的，当我在项目中配置vuex后