【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
        }
    },
})
相关推荐
孟祥_成都2 小时前
AI 术语满天飞?90% 的人只懂名词,不懂为什么!
前端·人工智能
Lupino2 小时前
被 React “玩弄”的 24 小时:为了修一个不存在的 Bug,我给大模型送了顿火锅钱
前端·react.js
willow2 小时前
uniapp实战
uni-app
米丘2 小时前
了解 Javascript 模块化,更好地掌握 Vite 、Webpack、Rollup 等打包工具
前端
Heo2 小时前
深入 React19 Diff 算法
前端·javascript·面试
滕青山2 小时前
个人所得税计算器 在线工具核心JS实现
前端·javascript·vue.js
小怪点点2 小时前
手写promise
前端·promise
国思RDIF框架2 小时前
RDIFramework.NET Web 敏捷开发框架 V6.3 发布 (.NET8+、Framework 双引擎)
前端
颜酱2 小时前
从0到1实现LFU缓存:思路拆解+代码落地
javascript·后端·算法
Mintopia2 小时前
如何在有限的时间里,活出几倍的人生
前端