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

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

Vue項目配置跨域訪問和代理proxy設置方式

瀏覽:91日期:2022-11-26 15:17:33

在vue單頁應用項目開發時,避免不了要請求后端,這時通常就會出現跨域問題。有2種常用的解決方案

后端設置允許跨域訪問

前端通過代理進行訪問后端

下面我們只說說如何配置vue-cli代理訪問:

vue-cli代理

最簡單就是配置vue conifg進行實現

下面配置3個請求的后端,分別是:

請求http://localhost:4201/adminapi/*會代理請求http://localhost:8180/*

請求http://localhost:4201/portalapi/*會代理請求http://localhost:8185/*

請求http://localhost:4201/securityapi/*會代理請求http://localhost:8089/*

由于vue-cli是基于webpack,因此webpack的devServer選項都是支持配置的

module.exports = { // ... devServer: { port: 4201, proxy: { ’/adminapi’: { target: ’http://localhost:8180’, ws: true, changeOrigin: true, pathRewrite: { ’^/adminapi’: ’’ } }, ’/portalapi/’: { target: ’http://localhost:8185/’, ws: true, changeOrigin: true, pathRewrite: { ’^/portalapi’: ’’ } }, ’/securityapi/’: { target: ’http://localhost:8089/’, ws: true, changeOrigin: true, pathRewrite: { ’^/securityapi’: ’’ } } }, disableHostCheck: true, // 這是由于新版的webpack-dev-server出于安全考慮,默認檢查hostname,如果hostname 不是配置內的,將中斷訪問。 }, //...}

Nodejs做中間時行路由轉發

可以用nodejs和框架express對請求做路由轉發。

在生產環境下更可以免去使用nginx配置反向代理。

方案各有利弊,技術架構選型時需要針對自己的項目環境,并且適合自己的團隊是最好的。

后端跨域訪問

后端的跨域訪問設置也是比較簡單的,不同語言JAVA PHP Python Go的設置也大同小異。

查詢一下都有比較多的資料,但在生產環境下,為了安全起見,還是建議不要設置允許跨域訪問,或者限制允許跨域的IP

補充知識:Vue 過濾器filter調用data、methods中的東西報錯

今天學習了filter,我將過濾的過濾方法放到methods中發現怎么調用都說沒有這個function

然后我把log了一下這個this 發現這個this指向的竟然是window

于是網上找到了如下的解決方法:

定義一個全局變量:

let that;

在beforeCreate生命周期將this賦值給that,通過that獲得

var vm = new Vue({ el: ’#app’, data: { }, beforeCreate: function () { that = this }, methods:{ fom(fmt){ ... } }, ...., filters: { dateformate: function (val) { return that.fom('yyyy-MM-dd') } } })

以上這篇Vue項目配置跨域訪問和代理proxy設置方式就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 亚洲一区二区三区四区在线观看 | 久久91亚洲精品久久91综合 | 欧美日韩国产一区二区三区播放 | 久久国产香蕉 | 亚洲欧美网址 | 欧美日韩午夜视频 | 日韩高清在线二区 | 全免费a级毛片免费毛视频 全午夜免费一级毛片 | 国内精品成人女用 | 日韩一区二区天海翼 | 午夜国产精品久久久久 | 91九色国产porny | 日韩免费一级a毛片在线播放一级 | 亚洲国产成人久久一区www | 欧美黄色一级视屏 | 成人免费影视网站 | 小明日韩在线看看永久区域 | 国产成人精品视频一区二区不卡 | 亚洲欧美精品一中文字幕 | 美女免费毛片 | 亚洲图片在线视频 | 国产欧美一区二区另类精品 | 69成人做爰视频69 | 国产片网站| 亚洲精品一区国产二区 | 伊人波多野结衣 | 在线播放日韩 | 免费一级毛片麻豆精品 | 热久久伊人 | 在线观看国产欧美 | 亚洲欧美一区二区三区孕妇 | 亚洲欧美在线免费观看 | 九九九精品视频免费 | 日本一本久道 | 在线观看欧洲成人免费视频 | 亚洲加勒比久久88色综合一区 | 99久久精品国产自免费 | 国产手机在线小视频免费观看 | 亚洲天堂最新网址 | 爽爽视频在线观看 | 男人使劲躁女人视频小v |