Vue-cli中webpack設置proxy(代理)解決跨域的問題

背景:
最近私活開發的時候,後臺用的tp框架,sessionId加密作爲token,我請求獲取後再攜帶請求接口會提示token無效(不存在),根據經驗推斷可能是跨域造成的(後臺對跨域已經做了處理)。
解決方法:
由於使用的是vue-cli腳手架,所以採用webpack中的proxy方法(代理解決跨域)

  1. config/index.js文件中配置dev對象中的proxyTable對象在這裏插入圖片描述
    '/test’對象屬性 是接口地址中統一名稱的路徑(比如項目名稱)(如果接口地址沒有統一名稱,自行在接口地址中加上一個統一名稱,然後在pathRewrite中對其去掉
    'target’屬性 是接口域名地址
    'changeOrigin’屬性 是跨域設置
    'pathRewrite’屬性 可以對路徑重寫
    2.設置自己的api接口地址
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章