1. 在vue開發(fā)中實現(xiàn)跨域：在vue項目根目錄下找到vue.config.js文件（如果沒有該文件則自己創(chuàng)建），在proxy中設(shè)置跨域

devServer: {
    proxy: {  //配置跨域
      '/api': {
        target: 'http://xxx/',  //這里后臺的地址模擬的;應(yīng)該填寫你們真實的后臺接口
        changOrigin: true,  //允許跨域
        pathRewrite: {
          /* 重寫路徑，當(dāng)我們在瀏覽器中看到請求的地址為：http://localhost:8080/api/core/getData/userInfo 時
            實際上訪問的地址是：http://xxx/core/getData/userInfo,因為重寫了 /api
           */
          '^/api': '' 
        }
      },
    }
  },

2. 使用jsonp實現(xiàn)，網(wǎng)頁通過script標(biāo)簽向服務(wù)器請求json數(shù)據(jù)，服務(wù)器受到請求后，將數(shù)據(jù)放在一個指定名字的回調(diào)函數(shù)的參數(shù)里面?zhèn)鹘o前端。

<script src="http://www.test.com/getData?callback=getData"></script>
// 向服務(wù)器test.com發(fā)出請求，該請求的查詢字符串有一個callback參數(shù)，用來指定回調(diào)函數(shù)的名字

// 處理服務(wù)器返回回調(diào)函數(shù)的數(shù)據(jù)
<script type="text/javascript">
    // 服務(wù)器返回的數(shù)據(jù)會放到回調(diào)函數(shù)里面
    function getData(res){
        // 處理獲得的數(shù)據(jù)
        console.log(res.data)
    }
</script>