网站建设资讯

NEWS

网站建设资讯

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

网页题目:Vue 配置代理
文章分享:http://cdweb.net/article/dsojjii.html