基于vue-cli的vue项目之axios的使用2--最基础的请求

1.config/index.js的配置：解决跨域  
 dev: {  
        env: require('./dev.env'),  
        port: 8008,  
        autoOpenBrowser: false,  
        assetsSubDirectory: 'static',  
        assetsPublicPath: '/',  
        proxyTable: {  
            '/ajaxurl': {  
                target: 'https://www.aaaaaaa.com/',  
                changeOrigin: true,  
                pathRewrite: {  
                    '^/ajaxurl': '/'  
                }  
            }  
  
        }  
      
    }  
      
2.main.js的配置：使用axios：注意第二十五行，将其添加到原型链中，而不是使用use方法  
import Vue from 'vue'  
import App from './App'  
import axios from 'axios'  
Vue.prototype.$http=axios;  
new Vue({  
    el: '#app',  
    render: h => h(App)  
})  
  
3.app.vue:调用ajax:第四十五行，axios支持promise方法，这样写方便点  
  
  
  

效果

image.png