axios 设置

简介: axios 设置

Axios 配置

配置 baseURL , 在不同开发环境下对接不同后端接口

axios.defaults.baseURL = 'https://example.com'

配置拦截器

请求拦截器

axios.interceptors.request.use()

响应拦截器

axios.interceptors.response.use()

main.js

import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
if (process.env.NODE_ENV === 'development') {
  // require('./mock.js')
  axios.defaults.baseURL = 'https://example.com'
}
axios.defaults.withCredentials = true
axios.interceptors.request.use(function (config) {
  return config
}, function (error) {
  return Promise.reject(error)
})
axios.interceptors.response.use(function (response) {
  console.log(3)
  return response
}, function (error) {
  console.log(4)
  return Promise.reject(error)
})
Vue.use(VueAxios, axios)
new Vue({
  render: h => h(App)
}).$mount('#app')

相关链接:

www.jianshu.com/p/bd91a8819…

目录
相关文章
|
JSON JavaScript 数据格式
Vue axios 发送 FormData 请求
Vue axios 发送 FormData 请求
336 0
|
JavaScript
Vue 使用 mockjs (返回数据、get、post 请求)
Vue 使用 mockjs (返回数据、get、post 请求)
273 0
|
Web App开发 安全 网络安全
vue-axios 发送请求,cookie带不上
首先配置是没问题的但是 chrome 请求cookie携带不上 全局配置 axios.defaults.withCredentials = true 或者单个请求头配置 withCredentials:true
1080 0
vue-axios 发送请求,cookie带不上
|
JavaScript
vue中axios请求
vue中axios请求
56 0
|
7月前
|
JavaScript
Vue如何请求接口——axios请求
Vue如何请求接口——axios请求
52 0
|
7月前
|
前端开发 JavaScript
Axios有哪些常用的方法?
Axios有哪些常用的方法?
80 0
|
JavaScript 前端开发
Vue 使用 axios 请求的两种方式
Vue 使用 axios 请求的两种方式
|
资源调度 前端开发 JavaScript
vue3 使用axios post方式使用
在Vue3中使用Axios进行POST请求的步骤如下:
826 0
|
前端开发 API
Vue--封装axios、跨域
Vue--封装axios、跨域
|
JavaScript
Nuxt.js 服务端渲染 axios(@nuxtjs/axios) 和 proxy 代理的配置
Nuxt.js 服务端渲染 axios(@nuxtjs/axios) 和 proxy 代理的配置
727 0