更新记录

1.0.0(2024-03-19)

第一版


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

这是一个实现luch-request网络请求的模板

对api和接口进行了封装,简单易用,便于管理,新手专供

使用方法

第一步

npm install luch-request -S

第二步

将api文件放进自己的项目,如果项目只有一个后台地址,就删除XJ文件夹
config.js文件是URL配置文件,网络请求的后台URL在这里配置
request.js文件是封装后的请求实例,可以在里面实现token自动刷新
index.js文件是进行统一管理的请求接口,所有的后台接口都可以在这里封装
查看这3个文件,针对自己的项目,根据文件中的提示修改和使用

第三步

manifest.json 文件源码视图中添加h5端跨域配置,并根据自己的项目修改
"h5" : {
    "devServer" : {
        "port" : 8081, //端口
        "disableHostCheck" : true,
        "proxy" : {
            "/h5Api" : {
                "target": "http://xxx.xxx.x.xxx:9059",
                "changeOrigin" : true, //是跨域
                "pathRewrite" : {
                    "^/h5Api" : ""
                },
                "secure" : false //设置支持https协议的代理
            },
            "/XJApi" : {
                "target" : "http://xxx.xxx.x.xxx:9060",
                "changeOrigin" : true, //是跨域
                "pathRewrite" : {
                    "^/XJApi" : ""
                },
                "secure" : false //设置支持https协议的代理
            }
        }
    },
    "router" : {
        "mode" : "history"
    }
},

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问