vue发送websocket请求和http post请求的实例代码
前端  /  管理员 发布于 3年前   410
先给大家介绍下vue发送websocket请求和http post请求
直接上代码:
pdf.vue
在main.js设置全局http地址:
Axios.defaults.baseURL = 'http://XXX.XXX.XX.XXX:9001';Axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
在main.js中设置header中token值:
// 添加请求拦截器Axios.interceptors.request.use(function(config) { config.headers.access_token = "add7c097-f12b-40fe-8e48-6fe1f2120fa5"; // config.headers.Authorization = localStorage.token; //将token设置成请求头 console.log("请求============" + config); // 在发送请求之前做些什么 return config;}, function(error) { // 对请求错误做些什么 return Promise.reject(error);});
数据刷起来!
ps:下面给大家介绍下vue websocket 请求
首先写一个公共方法
socket.js
function getSocket(url, params, callback) { let socket; if (typeof (WebSocket) === 'undefined') { console.log('您的浏览器不支持WebSocket'); } else { console.log('您的浏览器支持WebSocket'); // 初始化 WebSocket 对象,指定要连接的服务器地址与端口建立连接 socket = new WebSocket(url); // 打开事件 socket.onopen = function() { console.log('Socket 已打开'); socket.send(params); }; // 获得消息事件 socket.onmessage = function(msg) { // 发现消息进入, 开始处理前端触发逻辑 callback(msg, socket); }; // 关闭事件 socket.onclose = function() { console.log('Socket 已关闭'); }; // 发生了错误事件 socket.onerror = function() { console.log('Socket 发生了错误,请刷新页面'); // 此时可以尝试刷新页面 }; }}export { getSocket};
使用
test.vue
总结
以上所述是小编给大家介绍的vue发送websocket请求和http post请求的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..路人 在
php中使用hyperf框架调用讯飞星火大模型实现国内版chatgpt功能示例中评论 教程很详细,如果加个前端chatgpt对话页面就完美了..博主 在
科学上网翻墙之v2rayN-Core客户端免费公益节点使用教程中评论 @ mashrdn 多切换几个节点测试,免费ssr是没那么稳..Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号