【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
        }
    },
})
相关推荐
胡萝卜术13 分钟前
《JavaScript 语言精粹》第三章精读:对象——最基础也最容易被误解的基石
javascript
甜味弥漫16 分钟前
一篇文章搞懂CSS中的定位布局
前端
A南方故人18 分钟前
vue3常用指令以及注册
前端·javascript·vue.js
AeahKa23 分钟前
ztree 依赖问题解决记录
前端·webpack
子兮曰37 分钟前
AI Coding 为什么全选了 TUI?从 Claude Code 到 Codex CLI,终端架构的底层逻辑
前端·后端·ai编程
ji_shuke44 分钟前
前端请求/authapi/auth/permissions 实际发给后端 /api/auth/permissions 本地和线上配置
运维·前端·nginx
可乐泡枸杞1 小时前
《我用AI,一个月做出学了吗APP》
前端·人工智能·后端
韭菜炒大葱1 小时前
详解:useMemo 和useCallback
前端·react.js·面试
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_62:(HTML调试与常见错误修复指南)
java·前端·javascript·ui·html·媒体
REDcker1 小时前
Playwright详解 Web自动化与E2E测试 架构原理与实战入门
前端·架构·自动化