Vue代理请求数据出现404问题及解决

 module.exports = {
   lintOnSave:false,
   //配置代理跨域
   devServer:{
     proxy:{
       "/api":{
         target:"http://39.98.123.211",
       }
    }
  }
 }

module.exports = {
   lintOnSave:false,
   //配置代理跨域
   devServer:{
     proxy:{
       "/api":{
         target:"http://39.98.123.211",
         pathRewrite:{
         	'^/api':'',
         }
       }
    }
  }
 }

module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      //配置代理跨域
          "/api":{
            target:"http://39.98.123.211",
      },
    },

// vue.config.js
module.exports = {
    devServer: {
        proxy: {
            // 当你vue请求路径中包含/api，那么vue会自动帮你代理请求到你的后端地址
            // 比如我vue请求的是 '/api/user/getUser'，那么会帮我代理请求到后端地址
            '/api': {
                // 后端地址
                target: "http://127.0.0.1:8088",
                /**
                    官方文档的意思：将主机头的来源更改为目标 URL
                    简单理解就是需不需要代理
                **/
                changeOrigin: true,
                /**
                    重写目标地址，比如我vue请求的是/api/user/getUser
                    经历过重写之后，我们请求的地址是http://localhost:8081/user/getUser
                    这里用的是正则表达式，^符号是用来限制开头
                    意思就是匹配vue请求的开头是否为/api，是的话就进行重写替换
                **/
                pathRewrite: {
                    ["^/api"]: ""
                }
            }
        }
    }
}

    this.axios({method:"post",url:"/user/login",data:{
      tel:"admin",
      passWord:"admin"
    }}).then(res=>{
      console.log(res)
    })   

axios.defaults.baseURL = '/api'