pakhozou
论坛版主
论坛版主
  • 最后登录2020-08-13
  • 发帖数18
  • 社区居民
  • 忠实会员
阅读:152回复:0

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

楼主#
更多 发布于:2020-08-08 22:07
使用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带上这样每次需要请求数据都不会造成代码冗余页面整洁方便管理

最新喜欢:

doubleyongdouble...
游客


返回顶部

公众号

公众号