vue axios 跨域问题，proxytable不起效果, 后台地址设置

 Vue axios中，不少文章会说 ：

一、安装 ： cnpm install axios  

二、引用： import axios from 'axios'

三、设置 ：proxyTable: {
        '/api': {
            target: 'http://127.0.0.1.8089/',//设置你调用的接口域名和端口号 别忘了加http
            changeOrigin: true,
            pathRewrite: {
              '^/api': ''//这里理解成用‘/api’代替target里面的地址，后面组件中咱们掉接口时直接用api代替 好比我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’便可
            }
        }
    },

就能够用了 axios.get('/api/ixxxxxxxxxx).....。

靠！！！！用你妹！！！，这个是vue服务的请求地址设置，不是axios请求地址设置，都在这坑爹害小白。

axios有专门的的请求地址设置，它是个插件，vue原本就是先后台独立开发的，先后台不是一个地址访问，因此要设置 ：

axios.defaults.baseURL ='http://www.baidu.com'; // 这才是axios 的请求地址。

设置好了，通常会访问200，可是返回的是错误信息：

No 'Access-Control-Allow-Origin' header is present on the requested resource.

这个是后台不容许跨域，也要设置下。

config.addAllowedOrigin("*");

config.setAllowCredentials(true);

config.addAllowedMethod("*");

config.addAllowedHeader("*");

config.addExposedHeader("*");

相似于这样，的springboot ，是这样设置的。这个能够本身查下，根据后台架构去找找。

 

spirngboot 后台容许跨域: https://www.cnblogs.com/XtsLife/p/11383451.html