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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM