Webapp cannot be refreshed, and the data before and after the request is associated, and the latter data depends on the previous one. If the previous request fails, there will be a problem with the later display. How to break it?

in webapp development, I use vuex to save the previously requested data for later use. Later, I use this data to display the echart diagram. If the previous request fails, the later display is gone. Unlike the browser side, webapp can be refreshed manually. How to solve?

Apr.02,2021

it is normal for the request to fail to display graphics. The following solution is provided:

  1. prompt the user that the request failed, and let the user trigger the behavior of re-request (for example, using a pop-up window), and then render
  2. only prompts the user that the request failed, and re-requests the data before rendering
  3. is not displayed until it is loaded successfully, but the user is informed during loading that
  4. is in loading.

make a suggestion that you should be professional when describing the problem, and do not use contextual words such as the front and the back. You should add your own premise.
for example, after getting the back-end table data at the front end, save the data using vuex and display it with echart

.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1be9bb5-30ee7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1be9bb5-30ee7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?