uni-app 开发模式&生产模式配置

使用uni-app开发app的时候为了方便开发模式和生产模式的来回切换我们需要进行以下配置
使用本地服务需要进行跨域，在manifest.json的源码视图内进行H5代理配置

"h5" : {
    "devServer" : {
        "port" : "8000",
        "disableHostCheck" : true,
        "proxy" : {
            "/agreen" : {
                "target" : "http://demo.xxx.com/agreen/api/v1",
                "changeOrigin" : true,
                "secure" : false,
                "pathRewrite" : {
                    "^/agreen" : ""
                }
            }
        }
    }
}

在common公共文件夹内创建config.js文件配置相关

let url_config = ""
if(process.env.NODE_ENV === 'development'){
//     // 开发环境
//     // url_config = 'http://192.168.0.104/agreen/api/v1/seller_console'
//     // url_config = 'agreen/api/v1/seller_console'
//     // #ifdef APP-PLUS
    url_config = 'http://demo.xxx.com/agreen/api/v1'
//     // #endif
//     // #ifdef H5
    url_config = '/agreen'
//     // #endif
}else{
//     // 生产环境
    url_config = 'http://demo.xxx.com/agreen/api/v1'
}
export default url_config

使用
在common公共文件内创建request,js
导入config.js

import urlConfig from './config.js'

进行地址拼接

function service(data) {
    data.url = urlConfig + data.url;
    try {
        const token = uni.getStorageSync('token');
        const user_id = uni.getStorageSync('user_id')
        if (token) {
            data.header = {
                'token': token,
                'user-id': user_id,
            }
        } else {
            uni.navigateTo({
                url: '/pages/user/login.vue'
            })
        }
    } catch (err) {
        console.log(err)
    }
    console.log(data)
    return new Promise((resolve, reject) => {
        uni.request(data).then(res => {
            resolve(res[1].data)
            console.log(res[1].data, 'Date')
        }).catch(error => {
            reject(error)
            console.log(error, 'err')
        })
    })
}
export default service

我每次进行请求都将token,id带上这样每次需要请求数据都不会造成代码冗余页面整洁方便管理