【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 分钟前
鸿蒙应用开发教程:以红绿灯切换为例,掌握条件渲染的核心用法
前端·harmonyos
猫32815 分钟前
echarts 日常问题解决
前端·javascript·echarts
新中地GIS开发老师18 分钟前
地信职业百科④:GIS开发工程师
前端·数据库·gis·webgis·三维gis开发
我是大卫27 分钟前
【图】React源码解析-从数据结构、调度器、源码设计模式到状态计算引擎,深挖useReducer原理
前端·react.js·源码
willes34 分钟前
列表中的倒计时组件
前端
LVZ35 分钟前
用了半年 AI 写代码,最烦的不是代码,是环境
前端·后端·开源
polaris_tl36 分钟前
一行 `compress: false`,为什么让 SSE 首包恢复实时返回
前端
海边的云38 分钟前
别再让 AI 瞎改代码:一套让大模型「收敛」的前端专家 Skill》
前端
kisshyshy38 分钟前
给端侧大模型装上“发动机”:React 合成事件 + 进度条组件全解
前端·react.js·node.js
hunterandroid1 小时前
DataStore 工程化实践:迁移、并发更新与异常恢复
android·前端