Vue Cli3.0以上配置vue.config.js时候的Proxy不成功问题的解决方法的参考
  • 首先vue.config.js这个文件得放在根目录,就是和Package.json一样的地方
module.exports = {
  publicPath:"./",
  devServer:{    
    port: 8848,  
    open: true, //浏览器自启动
    // 配置的代理接口,每改一点,都得重启vue项目。
    proxy:{ //配置代理
      "/api":{
      target:"http://rap2api.taobao.org/",  //跨域目标主机,最终请求地址变成 http://localhost:8080/api
        ws:true,  //代理websockets
        changeOrigin:true,
        pathRewrite:{
          "/api":''//重写地址
          // "/api":''//重写地址
        }
      },
      
      // http://rap2api.taobao.org/app/mock/287344/api
      "/ad":{
        target:"http://rap2api.taobao.org/app",  //跨域目标主机,最终请求地址变成 http://localhost:8080/api
        ws:true,  //代理websockets
        changeOrigin:true,
        pathRewrite:{
          "/ad":''//重写地址
          // "/api":''//重写地址
        }
      },
      }
      }}
  • 最重要一点就是,修改完之后重启vue项目才能生效。
Logo

前往低代码交流专区

更多推荐