为了账号安全,请及时绑定邮箱和手机立即绑定

跨域问题 怎么解决?

跨域问题 怎么解决?

正在回答

2 回答

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 回复 有任何疑惑可以回复我~

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

http://img1.sycdn.imooc.com//5dd74e0600010e4e04960437.jpg

http://img1.sycdn.imooc.com//5dd74e060001fb4006210309.jpg


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
axios在vue中的使用
  • 参与学习       27657    人
  • 解答问题       157    个

本课程介绍了如何在vue项目中优雅的使用Axios。

进入课程

跨域问题 怎么解决?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信