vue跨域

1.vue中本地跨域如何解决?
本地跨域是通过在vue.config.js⽂件⾥⾯的devServer属性⾥⾯的proxy属性⾥⾯配置,⼀共配置三个属性,分别是代理名称 代理地址 开启跨域 重写路径

2.线上跨域如何解决?
线上跨域是在nginx.conf⽂件⾥⾯配置, 代理名称是通过location 代理名称。proxy_pass 代理地址

import axios from 'axios';

const api = axios.create({
  baseURL:'https://api.it120.cc/small4',
  timeout: 5000
})

// 请求拦截，
api.interceptors.request.use(config => { 
  
  return config
},err => {
  return Promise.reject(err)
})

// 相应拦截
api.interceptors.response.use(res => {
  
  return Promise.resolve(res.data);
},err => {
    return Promise.reject(err)
})

export default api;