如何配置vue-cli中的跨域代理

vue.config.js

module.exports = {devServer: {// ... 省略// 代理配置proxy: {// 如果当前前端项目服务器devServer，收到一个请求，并且请求地址以/api打头,就把这个请求转发到目标服务器// eg:// http://localhost:8080/api/newList---> /api/newList'/api': {target: '' // 我们要代理的真实接口地址。}}}}

在 axios中

const service = axios.create({// baseURL: 'http://192.168.66.104:3000',// baseURL: 'http://localhost:3000', // 设置axios请求的基础的基础地址baseURL: '/api',timeout: 5000 // 定义5秒超时})

代理功能的底层是http-proxy-middleware