vue请求后端数据和跨域问题解决

npm install axios

import axios from 'axios'

a() {
      // const axios = require('axios');  // 官方给出的例子 这段话类似于 import
      axios.get('http://localhost:8088/user') // 这里填写后端的地址
        .then(function (response) {
          // 处理成功情况
          console.log(response);
        })
        .catch(function (error) {
          // 处理错误情况
          console.log(error);
        })
        .then(function () {
          // 总是会执行
        });
    }

/*引入axios*/
import axios from 'axios'
const request = axios.create({
    baseURL: 'http://localhost:8088' // 接口服务器地址
  });
//   // 创建实例后修改默认值
//   instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;
// //前端采用export.default，在写后端代码时用module.export
export default request

import request from '../utils/request' // 引入 request 类（模块）
export function getList(params={}) {
    return request({
        methods:'GET',
        url:'/user',
        params,
    })
}

b(){
      getList().then(function(response){
        console.log(response);
      }).catch(function(error){
        console.log(error);
      });
    }

getList(){
    listUser()
      .then(response =>{ // 回调函数使用箭头函数来使用。(responde)=>{}
        this.tableData = response.data;
      })
    },