Vue-cli4脚手架和Axios的跨域解决方案

Access to XMLHttpRequest at 'http://localhost:9101/educms/bannerfront/getAllBanner' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

PS D:\***\**i_vue\vue-admin-front-nuxt> vue -V
@vue/cli 4.3.1

import axios from 'axios'

// 创建axios实例
const service = axios.create({
  //baseURL: process.env.VUE_APP_API,
  baseURL: 'http://localhost:9101', // api的base_url
  timeout: 20000 // 请求超时时间
})

export default service

import request from '@/utils/request'

export default {
    //查询前两条banner数据
  getListBanner() {
    return request({
      url: '/educms/bannerfront/getAllBanner',
      method: 'get'
    })
  }
}

import request from '@/utils/request'

export default {
    //查询热门课程和名师
  getIndexData() {
    return request({
      url: '/eduservice/indexfront/index',
      method: 'get'
    })
  }
}