zoukankan      html  css  js  c++  java
  • axios 使用方法 以及服务器端 设置拦截发送404状态的提示语,当网络错误时候返回前端的提示, 当网络正常的时候返回后端的提示

    本文旨在说明  设置全局异常拦截器

    当网络错误时候返回前端的提示,

    当网络正常的时候返回后端的提示

    export default ({
        development: {
          baseURL: 'http://localhost:3000'
        },
        production: {
          baseURL: 'http://localhost:3000'
        }
      })[process.env.NODE_ENV]

    //将引入axios库单独保存一个文件中
    //2:引入axios库
    import axios from "axios"
    
    import env from '@/env'
    //4:设置请求基础路径
    axios.defaults.baseURL = env.baseURL
    
    //全局响应拦截器,方便前台数据解析无需每个res.data
    axios.interceptors.response.use(response => {
      return Promise.resolve(response.data)
    }, error => {
      return Promise.reject(new Error(
        error.response ? error.response.data : '网络错误'
      ))
    })
    
    
    //3:发送请求时保存session信息
    axios.defaults.withCredentials=true
    
    export default axios

    import Vue from 'vue'
    import 'vueui-widgets/dist/index.css'
    import VueUI from 'vueui-widgets'
    import App from './App.vue'
    import router from './router'
    import store from './store'
    import axios from './axios'
    Vue.prototype.axios = axios
    Vue.use(VueUI)
    
    Vue.config.productionTip = false
    
    new Vue({
      router,
      store,
      render: h => h(App)
    }).$mount('#app')

     接下来是服务端   

     

  • 相关阅读:
    汉诺塔问题
    两个有序链表序列的合并
    数列求和
    求集合数据的均方差
    [NOIP2014] 提高组 洛谷P1328 生活大爆炸版石头剪刀布
    [NOIP2014] 普及组
    洛谷P1726 上白泽慧音
    洛谷P1808 单词分类
    洛谷P1889 士兵站队
    洛谷P1288 取数游戏II
  • 原文地址:https://www.cnblogs.com/sugartang/p/11553119.html
Copyright © 2011-2022 走看看