vue中设置代理

vue中设置代理

用途：

设置代理可以让本地运行的程序被代理IP访问到。

部分属性解释：

host中的ip地址取代理手机或者电脑的IP
手机代理可以通过电脑连接手机个人热点，然后即可访问本地运行的程序

module.exports = {
    devServer: {
        host: "192.168.0.1", //要设置当前访问的ip 否则失效
        port: 8080, //端口
        open: true, //浏览器自动打开页面
        proxy: {
            "/api-proxy": {
                target: "http://www.baidu.com", //后台接口域名
                ws: true,    //如果要代理 websockets，配置这个参数
                changeOrigin: true,  //是否跨域
                cookieDomainRewrite: {
                    "*": "",
                },
                cookiePathRewrite: {
                    "*": "",
                },
                pathRewrite: {
                    "^/api-proxy": "",
                },
                bypass: function(req) {
                    req.headers.referer = "www.baidu.com";
                    req.headers.host = "www.baidu.com";
                },
            },
        },
    }