axios跨域解决方案

问题还原：

 

 以上是axios.get 的url常规写法 ；会出现跨域报错

解决如下：

底料：

安装所需中间件和插件等，比如axios,node工具http-proxy-middleware等。

一 ，在main.js中，配置数据所在服务器的前缀（即固定部分），代码如下：

import axios from 'axios'

 

Vue.prototype.$axios = axios

axios.defaults.baseURL = '/api'

Vue.config.productionTip = false

axios.defaults.baseURL = '/api'，作用是我们每次发送的请求都会带一个/api的前缀。

 

二，在config文件夹下的index.js文件中的proxyTable字段中，作如下处理：

dev: {
    env: require('./dev.env'),
    port: 8