Solve the problem of POST http: net::ERR_CONNECTION_REFUSED, and uniformly handle request exceptions in encapsulated requests

Axios request error POST http: net::ERR_CONNECTION_REFUSED, it is usually a server problem, because the server linking to the server did not respond at all for the first time, please look for the server. However, we also need to deal with this kind of error, so the user experience will be better.

A detailed explanation of this error:
Browser console error 101 (net::ERR_CONNECTION_RESET) itself means that this website has a fault and is temporarily unavailable. That is to say, the website server is shut down or your network provider blocks the website IP. You can try to refresh this page, or search for this website to find more access channels.

Solution:

1. If you parse the domain name to a major domestic site (such as baidu, etc.), it may be unblocked in a few days. Let’s see PR;
2. Change back to the domestic space;
3. Change the network IP;
4. Change the domain name (resolve the wall domain name to the domestic space, and then do 301 redirect to the new domain name to reduce the loss of traffic and weight).

Can be solved by the server

0. Write first how to encapsulate axios request

import axios from 'axios'
     import qs from 'qs'
     import {
         Message
     } from 'element-ui'
    
     //Post request
     export const post = (url, data = {}) => {
         return new Promise((resolve, reject) => {
             (url, (data, {
                     indices: false
                 }), {
                     headers: {
                         'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
                     }
                 })
                 .then(response => {
                     resolve();
                 }, err => {
                     ({
                         message: 'Request error or server exception! Please contact the administrator!  '
                     });
                     reject(err)
                 })
         })
     }
     //get request
     export const get = (url, params = {}) => {
         return new Promise((resolve, reject) => {
             (url, {
                     params: params
                 })
                 .then(response => {
                     resolve();
                 })
                 .catch(err => {
                     reject(err)
                 })
         })
     }

1. Solve the problem of vue+axios request error POST http: net::ERR_CONNECTION_REFUSED, and uniformly handle request exceptions in encapsulated requests.

err => {
                 ({
                     message: 'Request error or server exception! Please contact the administrator!  '
                 });
                 reject(err)
             })