最近学到的一些小技巧

1、webpack-dev-server 配置 host ，默认的配置是localhost，但是如果你希望服务器外部可访问，可以配置成host: "0.0.0.0"，这样就不用换来换去啦

2、关于vue项目proxy代理配置：

如果同一个页面数据，需要请求不同服务器的数据，那么可以在请求路径做些配置

例如，/role/v2/queryRoles ，这个api请求的服务器地址为：192.168.3.109:8300

这个的/role/v2/queryAllRoles，这个的api请求的服务器地址为192.168.3.210:3333

这个时候，如果我们不对请求请求地址做一下配置，另一个请求路径毕竟会报400错误，说找不到路径。那怎么配置呢？

（1）首先，我们可以给路径一个特殊的标识，

比如：/role/v2/queryRoles ，我们可以给路径加个前缀“/path1”：—>/path1/role/v2/queryRoles

（2）在vue.config.js文件中，做如下配置：

//开启代理服务器(方法二)
    devServer: {
        proxy: {
          //'/path1'为请求前缀，用于控制是不是走代理，想走代理时就在请求前缀前边加上这个请求前缀
            '/path1': {
              target: 'http://192.168.3.109:8300',
              pathRewrite: { "^/path1": "" }, //重写路径匹配以/paths为开头的路径都变为空字符串 
              ws: true, //用于支持websocket
              changeOrigin: true //用于控制请求头中的host值
            },
            '/path2': {
                target: 'http://192.168.3.210:3333',
                pathRewrite: { "^/path2": "" },
                ws: true, //用于支持websocket
                changeOrigin: true //用于控制请求头中的host值
            },
        }
    }

3、改nginx配置

location  ^~ /path1/{
   rewrite  ^/path1/(.*)$  /$1  break; 
   proxy_pass http://your-serverpath1;
        }
location  ^~ /path2/{
   rewrite  ^/path2/(.*)$  /$1  break; 
   proxy_pass http://your-serverpath2;
        }

好啦，目前先分享这些，如果大家有好的技巧，也欢迎评论留言~