在vue项目中的跨域解决办法

1.vue项目中，npm安装依赖

npm install --save axios vue-axios

2.全局引用，项目入口文件中（main.js）注册

 import Vue from 'vue'
import axios from 'axios'
Vue.prototype.$axios = axios
//配置请求的根路径
axios.defaults.baseURL = '/api'

3.在config/index.js文件配置代理，找到proxyTable字段

proxyTable: {
      '/api': { // 请求的代称，写在Axios里的BaseUrl
        target: 'http://localhost:8083',  // 真实请求URl
        changeOrigin: true, // 允许跨域
        pathRewrite: {  // 替换，通配/api的替换成/
          '^/api': '/'
        }
      }