Vue 配置代理

成都创新互联长期为超过千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为青秀企业提供专业的网站制作、成都做网站，青秀网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

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

版本： vue-cli 3.0以上

修改文件位置：根目录下的vue.config.js

代码：

devServer: {
    proxy: {
'/api': {
            target:'http://192.168.123.123:8080',  // 后台接口地址
            ws: true,        //如果要代理 websockets，配置这个参数
            secure: false,  // 如果是https接口，需要配置这个参数
            changeOrigin: true,  //是否跨域
            pathRewrite:{    // 重写路径
                '^/api':''
            }
        }
    }
}