1、在如圖項目配置的index.js文件夾下添加以下一段話

微信圖片_20180912182204.png

proxyTable: {

'/rest': {

target: 'http://192.168.20.223:8080',

pathRewrite: {

"^/rest": '/rest'

},

// secure: false,

changeOrigin: true

}

},

代碼中的rest只是在請求接口時本人自定義的一個名稱，當發起請求的時候，服務器會識別到路徑里的/rest，將/rest替換成我們所配置的如：‘http://192.168.20.223:8080’代理ip地址，從而實現跨域請求。

2、代碼提交后，必須執行npm run dev 重啟一下項目

配完代理，就可以輕松的實現本地的跨域請求了，以上配置不支持公共環境跨域請求，如果需要公共環境跨域請求的話，需要在nginx上配置代理

3、下面給一個如何用配好代理請求后端地址的列子

let url = "/rest/robot/case/caseList?page=1&size=25";

let param = {}

this.$http.post(url,param)

.then(result => {

if (result.data.success) {

} else {

}

})

.catch(error => {

console.log(error)

});

總結

以上是生活随笔為你收集整理的vue如何配置服务器端跨域_vue项目里如何配置本地代理实现跨域请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。