vue本地跨域解決方案

本地:http://localhost:3001/
後臺:http://localhost:3002/
proxy: {
    '/vue-manage': {
        target: 'http://localhost:3001/',
        changeOrigin: true,
        pathRewrite: {
            '^/vue-manage': '',
        },
    },
},
  • target:需要代理的後臺地址
  • changeOrigin:決定請求頭中的host屬性值,爲true代表本地http://localhost:3001/,爲false代表與後臺一致http://localhost:3002/
  • pathRewrite:重寫地址,匹配到/vue-manage後變爲空字符串

前端接口統一使用/vue-manage前綴進行處理,當匹配到此前綴時,表示該接口需要進行代理,例如本地/vue-manage/test會被代理成http://localhost:3002/test

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