个回答

• 池鱼吖

  2020-05-08 10:12:48

  Vue 框架开发的时候，会遇到跨域的问题，可在config/index.js 里配置proxyTable内容，使用proxy 代理。
  devServer:{
       proxy:{        '/hehe':{
            target:"http://ustbhuangyi.com/", //目标服务器
            changeOrigin:true,//是否改变请求源
            pathRewrite:{ //路径重写
              "^/hehe":''
            }
          }
  }
  然后在axios请求中
  export const  getRecommentList=()=>{ return new Promise((resolve,reject)=>{  let url='/hehe/music/api/getDiscList'
    axios.get(url)
    .then((data)=>{
     resolve(data)
    })
    .catch((err)=>{
      reject(err)
    })
   })
  }//post请求export const  getRecommentList=()=>{ return new Promise((resolve,reject)=>{  let url='/hehe/music/api/getDiscList'
    let data={    firstName: 'Fred',    lastName: 'Flintstone'
      },
    axios.post(url,data)
    .then((data)=>{
     resolve(data)
    })
    .catch((err)=>{
      reject(err)
    })
   })
  }

  
  

  1

• Nikolor

  2019-11-22 10:55:18

  vue-cli的话，在创建的工程名下配置文件(config)下的index.js改proxyTable，changeOrigin:true表示允许跨域（亲测有效）

  

  

  
  

  0