在vue中使用axios跨域配置

在使用vue axios发送请求时产生跨域问题，报错如下:

vueaxios  Access to XMLHttpRequest at 'localhost:3000/users' from origin 'http://localhost:8080' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

**

解决方法:

**
步骤
在config/index.js里添加proxyTable代理方法

module.exports = {
  devServer: {
  	// host:'localhost',
  	// port:8080,
  	https:false,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',//连接服务器的地址
        changeOrigin: true,
        ws:false,
        pathRewrite:{//这里是重定义地址(默认为空)
        	'^/api':''
        }
      },
    }
  }
}

在main.js中配置

import axios from "axios"

Vue.prototype.$axios = axios
axios.defaults.baseURL = 'http://local