Блог

Я сделал кнопку, чтобы использовать api для перезапуска приложения

Эта кнопка работает хорошо. Однако, когда дело доходит до всплывающего окна с предупреждением, кнопка » ОК » иногда не работает. Даже если я нажимаю и нажимаю еще раз, всплывающее окно с предупреждением не закрывается. Если я нажму на него снова, подождав немного, например, три секунды, то он нормально закроет всплывающее окно с предупреждением. Я не знаю, в чем будет настоящая проблема, потому что раньше я с этим не сталкивался. Может ли это быть проблемой браузера(chrome)? Или фреймворк vue или фреймворк nuxt? Я использую фреймворк nuxt в этом коде.

Код приведен ниже

restartApp.vue

 lt;templategt;  lt;buttongt;restartlt;/buttongt; lt;/templategt; lt;scriptgt; import {  createRestart } from '@/api/agent' export default {   methods:{  restart() {  if (confirm('Restart agent?')) {  createRestart().then((res) =gt; {  if (res.status == 200) {  alert('Agent is restarted')  }else{  alert("Agent isn't restarted")  }  }).catch((err)=gt;{  alert('Agent has a error to restart gt;gt;', err)  })  }  },  } } lt;/scriptgt;  

@/api/agent.js

 import axios from "axios"; import { headers } from "../config/env";  export function createRestart() {  return axios.post("/api/agent/schedule/restart", {}, { headers }); }  

/api.js

 //(...) router.post('/agent/schedule/restart', async (req, res) =gt; {  const axiosInstance = axios.create({ timeout:3000 });  try {  const result = await axiosInstance.post(  "http://agentUrl"   '/v1/restart',  {},  config  )  res.json(result.data)  } catch (err) {  console.log(err)  res.sendStatus(500)  } }) //(...)