色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

Vue使用Proxy代理后仍無法生效的解決

瀏覽:58日期:2022-10-29 17:39:39

vue.js 配置了前端代理卻未能生效

記錄一下最近踩得小坑:

配置完代理后請一定重新執行(重要,非常重要!)

npm run dev

若重新執行命令后,代理仍為生效,請按下方步驟進行檢查:

檢查index.js文件中的代理是否配置正確,示例如下:

proxyTable: { ’/api’: { //代理標識 target: ’http://xxx.xxx.xxx’,//指向的實際地址 changeOrigin: true, // 允許跨域 pathRewrite: { // 標識替換 // 原請求地址為 /api/getData 將’/api’替換’’時, // 代理后的請求地址為: http://xxx.xxx.xxx/getData // 若替換為’/other’,則代理后的請求地址為 http://xxx.xxx.xxx/other/getData ’^/api’: ’’ } } },

檢查請求路徑是否正確,以上方所配置的代理為例

// 請確認原請求中是否包含代理標識符 // 請確認接口 http://xxx.xxx.xxx/getData直接訪問是否正常 this.$axios.get(’/api/getData’).then((r)=>{ console.log(r) })

補充知識:vue使用proxyTable設置接口代理

1、修改config/index.js里proxyTable

proxyTable: { ’/api’: { target: ’http://192.168.42.182:8080’, changeOrigin: true, pathRewrite: { ’^/api’: ’/’ } },}

2、修改config/dev.env.js

module.exports = merge(prodEnv, { NODE_ENV: ’'development'’, API: ’'/api'’ // 加入這一句})

3、設置axios的baseUrl

export default { get (url, params) { return axios({ method: ’get’, baseURL: process.env.API, // 修改這里 url, params, timeout: 100000 }).then((response) => { return checkStatus(response) }).then((res) => { return checkCode(res) }) }}

4、重啟服務器 npm run dev就好啦~

以上這篇Vue使用Proxy代理后仍無法生效的解決就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 成人欧美精品久久久久影院 | 国产女人伦码一区二区三区不卡 | 女人被男人躁得好爽免费视频免费 | 精品国产品国语在线不卡丶 | 国产精品成人观看视频免费 | 男女无遮掩做爰免费视频软件 | 午夜成年人网站 | 国产一级片毛片 | 波多野结衣在线观看3人 | 久久国产成人精品麻豆 | 波多野结衣视频在线观看地址免费 | cao美女视频网站在线观看 | 99久久免费精品国产免费高清 | 国产高清精品久久久久久久 | 久久九九久精品国产 | 日韩亚洲国产综合久久久 | 国内精品99 | 黄网国产 | 特级黄色毛片在放 | 国产精品视频免费 | 国内精品99 | 免费在线观看黄色毛片 | 欧美在线做爰高清视频 | mm在线视频免费看 | 91精品综合久久久久m3u8 | 在线视频观看国产 | 欧美日韩在线视频一区 | 99在线精品视频 | 深夜在线观看大尺度 | 国产精品深爱在线 | 国产成人高清视频在线观看免费97 | 美国三级在线 | 成人三级精品视频在线观看 | 国产dvd毛片在线视频 | 国产亚洲精品九九久在线观看 | 香蕉超级碰碰碰97视频在线观看 | 中文字幕亚洲精品 | 99久久精品国产一区二区小说 | 中文一区二区在线观看 | 成人a毛片免费视频观看 | 亚洲精品一区二区三区四区手机版 |