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')

     接下来是服务端   

     

  • 相关阅读:
    Eclipse中配置Tomcat碰到Server Tomcat v6.0 Server at localhost failed to start问题
    解决java中对URL编码的问题
    上白泽慧音
    小K的农场
    [USACO15JAN]草鉴定Grass Cownoisseur
    [HNOI2012]矿场搭建/Mining Your Own Business
    [POI2008]BLO-Blockade
    「JOISC 2018 Day 1」帐篷
    Sudoku
    序列
  • 原文地址:https://www.cnblogs.com/sugartang/p/11553119.html
Copyright © 2011-2022 走看看