2019-03-05 vue项目

1新的调用方式
首先引入axios

export default{
data(){
    return{
        datalist:[]
    };
},
// 判断执行方法的先后顺序
mounted(){
    this.post();
},
// 执行的方法
methods:{
    // 方法名(post为帖子的英文)
    post(){
        this.$axios
        // get方法获取   /apis代表调用时的地址
            .get("http://qml.xunbaoo.com/article")
            .then(({data}) =>{
                console.log(data.data.data);
                this.datalist=data.data.data;
                
            })
            .catch(e =>{
                console.log(e)
            });
    },
}
};

2,
1中的http://qml.xunbao.com是获取信息的网址

http://qml.xunbao.com可以在config文件夹下的index.js控制简写
module.exports = {
  dev: {

// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
    // '/apis': {
    //   // 测试环境
    //   // target: 'http://101.37.146.124/',  // 接口域名
    //   // target: 'http://rap2api.taobao.org/app/mock/86129/',  // 接口域名
    //   target: 'http://qml.xunbaoo.com',  // 接口域名
    //   changeOrigin: true,  //是否跨域
    //   pathRewrite: {
    //     '^/apis': ''   //需要rewrite重写的,
    //   }
    // }
},