【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
        }
    },
})
相关推荐
by————组态5 分钟前
睿控(Ricon)组态
运维·前端·物联网·信息可视化·组态·组态软件
蓁蓁啊5 分钟前
GCC 头文件搜索路径:-I vs -idirafter 深度解析
java·前端·javascript·嵌入式硬件·物联网
酒醉的胡铁6 分钟前
uniapp运行到鸿蒙证书配置
服务器·uni-app·harmonyos
依赖_赖6 分钟前
前端实现token无感刷新
前端·javascript·vue.js
RubyZhang12 分钟前
小程序Canvas动态海报生成方案及性能优化报告
前端
zhelingwang26 分钟前
设计模式笔记
前端
Focus_30 分钟前
如何借助AI在UE5中将图片批量生成3D模型
前端·aigc·游戏开发
m0_7482523834 分钟前
JavaScript 基本语法
开发语言·javascript·ecmascript
hhcccchh1 小时前
学习vue第十三天 Vue3组件深入指南:组件的艺术与科学
javascript·vue.js·学习
@PHARAOH1 小时前
WHAT - Vercel react-best-practices 系列(二)
前端·javascript·react.js