【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
        }
    },
})
相关推荐
We་ct13 小时前
LeetCode 289. 生命游戏:题解+优化,从基础到原地最优
前端·算法·leetcode·矩阵·typescript
yqcoder13 小时前
uni-app 之 设置导航
uni-app
2501_9159184114 小时前
把 iOS 性能监控融入日常开发与测试流程的做法
android·ios·小程序·https·uni-app·iphone·webview
有诺千金14 小时前
VUE3入门很简单(4)---组件通信(props)
前端·javascript·vue.js
2501_9447114314 小时前
Vue-路由懒加载与组件懒加载
前端·javascript·vue.js
木子啊14 小时前
UniApp全端水印组件muzi-watermark
uni-app·水印·全局水印·uniapp水印
雨季66614 小时前
Flutter 三端应用实战:OpenHarmony “心流之泉”——在碎片洪流中,为你筑一眼专注的清泉
开发语言·前端·flutter·交互
换日线°14 小时前
前端3D炫酷展开效果
前端·3d
广州华水科技15 小时前
大坝变形监测的单北斗GNSS技术应用与发展分析
前端
Dontla15 小时前
浏览器localStorage共享机制介绍(持久化客户端存储方案)本地存储冲突、iframe、XSS漏洞、命名空间隔离
前端·网络·xss