Spring Boot Vue解決跨越問題

在 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中還可以不配 hostport內容.也可以正常使用,它配置的是 node.js的啓動時 Network 地址:
    在這裏插入圖片描述
    刪除hostport,再次啓動 Node.js ,自動生成一組 ip 、端口的地址
    在這裏插入圖片描述
    好了先寫這麼多,感覺還是有實際用處的

2.如果我是 Spring Boot 後端,我可以

  • 未完待續!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章