【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
        }
    },
})
相关推荐
Qinana5 分钟前
手搓 AI Agent:从零构建能自动写代码、跑命令的“数字员工”
前端·javascript·agent
何中应5 分钟前
Nginx转发请求错误
前端·后端·nginx
代码小学僧6 分钟前
为什么我推荐前端项目都应该使用 TanStack Query 管理接口请求
前端·react.js·axios
YukiMori238 分钟前
深入理解 JavaScript 箭头函数的 this:为什么 DOM 事件不推荐用箭头函数?
前端·javascript·dom
不会敲代码110 分钟前
防抖与节流:从输入框看性能优化
前端·javascript·面试
xiyueyezibile13 分钟前
零代码基础?AI 助你免费“搬空”语雀知识库
前端·ai编程
不会敲代码115 分钟前
React 受控组件与非受控组件完全指南
前端·react.js
不会敲代码115 分钟前
React Hooks 进阶:useRef 核心用法与受控/非受控组件实战解析
前端·react.js·面试
恋猫de小郭29 分钟前
Android 官方正式官宣 AI 支持 AppFunctions ,Android 官方 MCP 和系统级 OpenClaw 雏形
android·前端·flutter
Moment1 小时前
一周重写 Next.js?Cloudflare 和 AI 做到了😍😍😍
前端·javascript·后端