ausheng

vue 中配置多个请求地址

在一个项目中我们可能会调多个不同地址的后端接口,此时就需要根据不同请求通过配置代理转到不同的接口地址。

此时大概分两类情况

第一  

        只配置域名地址和跨域允许的,需要几个依次配置即可

'/apis': {
        target:config.ApiUrl,
      
          changeOrigin: true,   //允许跨域
       
        },
'/api': {
        target:config.ApiUrl,
   
        changeOrigin: true,   //允许跨域
        
      },

第二

  需要地址配置地址转换pathRewrite 

  这种情况有些奇怪原本项目中只有/api的请求需要转换,后来又加了/apis的请求需要转换到另一个地址。发现直接在后面添加一个/apis的配置项不能生效,把/apis放在前面就可以生效了。 还有找到根本原因,发现后会继续更新

'/apis': {
        target:config.ApiUrl,
        // target:'http://172.16.90.121:8080/h5-web',
          changeOrigin: true,   //允许跨域
          pathRewrite: {
            '^/apis': ''
          },
          // secure: false
          //重写路径,其实这里就是和上面的target拼接起来
        },
 '/api': {
        target:config.ApiUrl,
      // target:'http://172.16.90.121:8080/h5-web',
        changeOrigin: true,   //允许跨域
        //重写路径,其实这里就是和上面的target拼接起来
        pathRewrite: {
          '^/api': ''
        },
        secure: false
      },

ausheng

爱生活,爱编程

AUSHENG – BLOG

不要害羞,保持联系。我们喜欢结识有趣的人,结交新朋友。