vue axios 反向代理配置

菜单详情

第一步，main.js 中安装，引入axios插件

yarn add axios

import axios from 'axios'

第二步，在util文件的index.js文件中配置基准地址

注意：util 文件为axios的配置文件

// 配置axios基准地址,请求时会自动拼上
axios.defaults.baseURL = '/api'

第三步，在config文件的index.js中配置代理

原理：在本地会创建一个虚拟服务端，虚拟服务器访问后端的服务器不存在跨域

// 解决跨域
    proxyTable: {
      '/api': {
        target:'这里写你要访问后端的基准地址',
        changeOrigin:true, 
        pathRewrite:{
          '^/api': ''
        }
      }
    },