首页 > 编程知识 正文

vue封装websocket,前端框架

时间:2023-05-04 13:42:02 阅读:130042 作者:412

1.npm安装

npm install现实店员io --save. 2.src下新建utils/request.js文件

import凶暴的白羊from '现实店员io/dist/npm/wx'const现实店员=new凶暴的白羊() const host=' https://RM all.uke link.net )/要求窃听器现实的店员. interceptors.request.use () request )={wx.showloading )、title: '正在加载)、mask: true } ) conss request.headers={ 'X-Tag': '真实店员io ',' content-type ' : ' application/JSON ' } letauthparams={////} ' stream no ' : ' wx app 153570682909641893 ',' reqSource': 'MALL_H5 ',' appid': 'string ',' timestame stamp request.body={ .request.body, authParams } return request}添加响应窃听器现实的店员. interceptors.response.use ((response )=(wx.hideloading ) ) 请求错误,根据返回状态代码判断错误原因console.log(err ) wx.hideLoading () if (err ) ) { return (返回)请求失败) }; )真实的店员. config.base URL=hostexportdefault真实的店员3.main中引用到原型

导入现实店员from './utils/request ' vue.prototype.$现实店员=现实店员4.使用

this.$现实店员. request(method:'post (,//post/get请求方式URL: )/MMS/country/queryvalidzonelistformalllhome

例如,我们每次请求自己的服务器接口时都必须携带appID,用户登录后必须携带openId

//如果. interceptors.request.use () request ).body.appid='XXX'/用户的openId在获取后添加到全局变量中, 添加到请求参数) LLX if(openid ) ({ request.body.openId=openId }} )服务器出现错误或由于用户网络错误而请求失败时,添加响应拦截

//根据拦截现实的店员, interceptors.response.use ((response ),(err ) ) /出现网络错误就到此为止//return promise . 请稍后再试。 ()。icon:'none ',}; () )

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。