在 Spring Boot 和 Vue 的前後端分離項目中,線上、測試環境可以通過 Ngnix 來處理避免跨越問題,即前端往 Ngnix 上發,後端從 Ngnix 接收,就沒有跨越問題。但如果我在本地運行前後端,或者自己是前端同事的電腦是後端。接口聯調的時候會遇到跨越問題,怎麼解決呢?
1.如果我是 Vue 前端可以:
- 配置代理
在項目下創建一個 js 文件,起名 vue.config.js
,內容:
let proxyObj={};//定義代理空對象
proxyObj['/'] = {//攔截地址
target: 'http://localhost:8081',//想轉發的後端地址
changeOrigin: true,//改變源
pathRewrite: {//地址重寫
'^/': ''//''位置可以修改路徑,''默認不修改
}
}
module.exports = {//導出爲 Vue 項目使用
devServer: {//開發服務器
host: 'localhost',//前端的 IP
port: 8080,//前端的端口
proxy: proxyObj//使用代理對象。
}
}
- 在
proxyObj['/']
對象中還可以配置前後端通信的 WebSocket 內容,配置略;在devServer
中還可以不配host
和port
內容.也可以正常使用,它配置的是 node.js的啓動時 Network 地址:
刪除host
和port
,再次啓動 Node.js ,自動生成一組 ip 、端口的地址
好了先寫這麼多,感覺還是有實際用處的
2.如果我是 Spring Boot 後端,我可以
- 未完待續!