Vue Cli3.0以上配置vue.config.js时候的Proxy不成功问题的解决方法的参考

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项目才能生效。