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': '' } } },