【uniapp】proxy 代理切换至线上测试地址调试接口

本地测试地址形如:http://192.168.124.x:xxxx

线上测试地址形如:https://xxxx.xxxx.com

使用线上地址之后需要修改配置项 securetrue

javascript 复制代码
const constant = require('./src/utils/constant')
module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: constant.BASE_URL,
                changeOrigin: true, // 是否跨域
                secure: true, // 如果是 https 请求 需要设置为 true
                headers: {
                    'Cookie': constant.COOKIE
                },
            },
        },
    }
};

另外,本地测试地址接口为 /api开头,因为使用线上测试地址需要统一给接口加前缀:/mobile,所以可以使用 uniapp 的拦截器来进行处理:

javascript 复制代码
// request.js
// 请求拦截器
uni.addInterceptor('request', {
    invoke(args) {
        if (BASE_URL === 'https://xxxx.xxxx.com') {
            args.url = '/mobile' + args.url
        }
    },
})
相关推荐
当时只道寻常7 分钟前
Vue3 集成 NProgress 进度条:从入门到精通
前端·vue.js
kyriewen7 分钟前
React性能优化:从“卡成狗”到“丝般顺滑”的5个秘诀
前端·react.js·性能优化
米丘8 分钟前
Vue 3.x 单文件组件(SFC)模板编译过程解析
前端·vue.js·编译原理
helloweilei10 分钟前
Web Streams 简介
前端·javascript
悟空瞎说10 分钟前
Flutter热更新 Shorebird CodePush 原理、实现细节及费用说明
前端·flutter
didadida26211 分钟前
从“不存在”的重复请求,聊到 Web 存储的深坑
前端
xiaominlaopodaren12 分钟前
Three.js 渲染原理-透明渲染为什么这么难
前端
米丘13 分钟前
vue3.x 内置指令有哪些?
前端·vue.js
米丘14 分钟前
Vue 3.x 模板编译优化:静态提升、预字符串化与 Block Tree
前端·vue.js·编译原理