vue设置代理

发布时间:2021-08-15 16:57:44

1、介绍

这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块(这个模块相当于是node.js的一个插件)。

2、实际代码

  //vue-cli3.0 里面的 vue.config.js做配置devServer: {
    proxy: {
        '/api': {     //这里最好有一个 /
            target: 'http://www.test.com',  // 后台接口域名
            ws: true,        //如果要代理 websockets,配置这个参数
            secure: false,  // 如果是https接口,需要配置这个参数
            changeOrigin: true,  //是否跨域
            pathRewrite:{
                '^/api':'/api/member'
            }
        }
    }
  }

pathRewrite 表示把/api 替换为/api/member,那么我的请求地址就为 http://127.0.0.1:8081/api/login(后台接口请求地址:http://www.test.com/api/member/login)