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