[JavaScript知识库]如何配置vue-cli中的跨域代理

vue.config.js

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

在 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

?