anxios跨域请求解决办法

1，使用http-proxy-middleware中间件

2，安装http-proxy-middleware：【npm install http-proxy-middleware -save】;

3,在config的index里设置代理

proxyTable:  { // 在这里配置如下代码
  '/api': {
    target:'http://192.168.0.80:8080', // 你请求的第三方接口
    changeOrigin:true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
    pathRewrite:{  // 路径重写，
      '^/api': ''  // 替换请求地址的/api，如代理地址为/api/login会被替换成http://192.168.0.80:8080/login。
    }
  }},

4,在packjson里找到

"scripts": {
  "dev": "webpack-dev-server --open --inline --progress --config build/webpack.dev.conf.js",
  "start": "npm run dev",
  "lint": "eslint --ext .js,.vue src",
  "build": "node build/build.js"
},

看dev里是否有--open，没有就加上

5，请求接口时地址直接写成/api/login就行了