vue接收jsp发送的post请求_vue发送websocket请求和http post请求的实例代码

先给大家介绍下vue发送websocket请求和http post请求

直接上代码：

pdf.vue

import SockJS from 'sockjs-client';

import Stomp from 'stompjs';

import qs from "qs"

export default {

name: "pdf",

data() {

return {

newsData: [],

tagGuid_mx: "",

tagGuid_4AA_Ia: "",

tagGuid_4AA_P: "",

tagGuid_4AA_Q: "", 49 tagGuid_1AA_6_Ib: "",

tagGuid_1AA_6_Ic: "",

tagGuid_pdfwd: "",

tagGuid_pdfsd: "",

stompClient: '',

timer: '',

visibilityHeZha: "hidden",

visibilityFenZha: "hidden",

hezhaData:[]

}

},

methods: {

initWebSocket() {

this.connection();

let that = this;

// 断开重连机制,尝试发送消息,捕获异常发生时重连

this.timer = setInterval(() => {

try {

that.stompClient.send("test");

} catch(err) {

console.log("断线了: " + err);

that.connection();

}

}, 5000);

},

connection() {

// 建立连接对象

let socket = new SockJS('http://XXX.XX.XX.XXX:8081/energy-system-websocket');

// 获取STOMP子协议的客户端对象

this.stompClient = Stomp.over(socket);

// 定义客户端的认证信息,按需求配置

let headers = {

access_token: "92c31bd5-ae43-4f25-9aad-c4eb1a92d61d"

// Authorization: ''

}

// 向服务器发起websocket连接

this.stompClient.connect(headers, () => {

this.stompClient.subscribe('/user/topic/data', (msg) => { // 订阅服务端提供的某个topic

console.log('广播成功')

// console.log(msg); // msg.body存放的是服务端发送给我们的信息

console.log(msg.body);

this.newsData = JSON.parse(msg.bo