Vue通过axios跨域问题：Access to XMLHttpRequest at ‘http127.0.0.18000apiauction‘ from origin

问题描述：

通过使用Vue向后台发生请求时，被浏览器CORS阻止：

原因分析：

浏览器跨域问题：

跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这个3个中有一个不同就是跨域。

解决方案：

• 1.js通过jsonp实现绕过浏览器通过script进行跨域请求
• 2.vue中使用axios跨域

1.创建vue.config.js文件如下：

module.exports = {

    devServer: {
      proxy: {
        '/api': {
          target: 'http://127.0.0.1:8000/api/',// 后端接口
          changeOrigin: true, // 是否跨域
          pathRewrite: {
            '/api': ''
          }
        }
      }
    }
  }
}

main.js如下：

import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'
Vue.config.productionTip = false
Vue