浅析vue路由和nginx在代理上的异同

VUE

在vue的代理转发过程中，如果请求的url中有/test，则会自动走下方代码中的target路径，但要注意的是，此处的/test除了起到搜索定位的作用，即会定位到要转发的路径，还会拼接到target的路径后面。

proxy: {
        "/test": {
          target: "https://localhost:8080",
          ws: true,
          /** 是否允许跨域 */
          changeOrigin: true,
        },

 然而为了更方便与nginx端的接口对接，还提供了rewrite方法，可以将target中的一些字段替换掉，例如，上方的代码可以做如下改写，效果是一样的

proxy: {
        "/test": {
          target: "https://localhost:8080/test",
          ws: true,
          /** 是否允许跨域 */
          changeOrigin: true,
          rewrite: (path) => path.replace("/test", "")
        },

 nginx

在nginx的代理准发过程中，和vue类似，只不过url中起搜索定位作用的/order后面的内容会自动拼接到proxy_pass路径后面

 location /order/ {
       proxy_pass   http://localhost:8080/order

}