vue中axios网络get请求封装。

一，配置了代理服务器，解决跨域

module.exports = {
    publicPath: '/',    // 启动页地址
    outputDir: 'dist', // 打包的目录
    lintOnSave: true, // 在保存时校验格式
    productionSourceMap: false, // 生产环境是否生成 SourceMap
    devServer: {
        open: true, // 启动服务后是否打开浏览器
        host: '0.0.0.0',
        port: 8080, // 服务端口
        https: false,
        hotOnly: false,
        // 设置代理
        proxy:{
          '/myDouyu':{
            target:'http://open.douyucdn.cn/api/RoomApi',
            changeOrigin:true,
            pathRewrite:{
              '^/myDouyu':''
            }
          }
        },
        before: app => { }
    },
}

二，封装get请求

// ajax请求的封装
import axios from "axios";
const baseUrl = '/myDouyu'
 
function ajax_get(path, params){
  return new Promise(resolve=>{
    axios.get(baseUrl + path, {params}).then(res=>{
      resolve(res.data)
    })
  })
}

const getLiveRooms = params => ajax_get('/live', params)
const getGames = () => ajax_get('/game')
const getDetail = del => ajax_get(del)


export {
  getLiveRooms,
  getGames,
  getDetail
}