當前位置：首頁 > 前端技术 > vue >内容正文

vue

vue-cli proxy中跨域中pathRewrite配置理解

發布時間：2023/12/10 vue 34 豆豆

生活随笔收集整理的這篇文章主要介紹了 vue-cli proxy中跨域中pathRewrite配置理解小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. vue本地項目調試線上接口出現跨域問題
2. 通過在 config/index.js 配置文件中找到proxyTable配置項

dev: {// PathsassetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {'/api': {target: 'http://XX.XX.XX.XX:8083',changeOrigin: true,pathRewrite: {'^/api': '/api' // 這種接口配置出來實際請求 http://XX.XX.XX.XX:8083/api/login//'^/api': '/' 這種接口配置出來實際請求 http://XX.XX.XX.XX:8083/login}}}},

3. 配置完成后需要重新編譯一遍 , 調用接口的時候

// 獲取菜單權限getPermission(){this.$ajaxget({url: '/api/getPermission',data: {},isLayer: true,successFc: data => {console.log(data.data)}})},

4 . 因為我的項目接口中是存在 ‘/api’ 這個字段的所以我選擇的是第一種配置

圖解

效果圖:

總結

以上是生活随笔為你收集整理的vue-cli proxy中跨域中pathRewrite配置理解的全部內容，希望文章能夠幫你解決所遇到的問題。

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