- 在vue開發中實現跨域：在vue項目根目錄下找到vue.config.js文件（如果沒有該文件則自己創建），在proxy中設置跨域
devServer: {
proxy: { //配置跨域
'/api': {
target: 'http://xxx/', //這里后臺的地址模擬的;應該填寫你們真實的后臺接口
changOrigin: true, //允許跨域
pathRewrite: {
/* 重寫路徑，當我們在瀏覽器中看到請求的地址為：http://localhost:8080/api/core/getData/userInfo 時
實際上訪問的地址是：http://xxx/core/getData/userInfo,因為重寫了 /api
*/
'^/api': ''
}
},
}
},
- 使用jsonp實現，網頁通過script標簽向服務器請求json數據，服務器受到請求后，將數據放在一個指定名字的回調函數的參數里面傳給前端。
<script src="http://www.test.com/getData?callback=getData"></script>
// 向服務器test.com發出請求，該請求的查詢字符串有一個callback參數，用來指定回調函數的名字
// 處理服務器返回回調函數的數據
<script type="text/javascript">
// 服務器返回的數據會放到回調函數里面
function getData(res){
// 處理獲得的數據
console.log(res.data)
}
</script>
