vue发送websocket请求和http post请求的实例代码

前端  /  管理员 发布于 4年前   517

先给大家介绍下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请求的实例代码,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

您可能感兴趣的文章:

• Vue监听事件实现计数点击依次增加的方法
• 解决vue 表格table列求和的问题
• 关于vue中的ajax请求和axios包问题
• Vue-resource实现ajax请求和跨域请求示例
• vue点击自增和求和的实例代码