vue proxy 跨域代理


1.config/index.js 修改 proxyTable

    proxyTable: {
      '/api': {
        target: 'http://shuige.wicp.vip/',  //目標接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          '^/api': '/'   //重寫接口 后台接口指向不統一  所以指向所有/
        }
      },
      cssSourceMap: false
    },

2. 請求得時候 接口地址加上前綴

import axios from 'axios'
export default {
  created() {
    // 1. 代理成功
    // http://shuige.wicp.vip/users/proxy  轉換成 http://localhost:8080/api/users/proxy 
    axios.get('/api/users/proxy').then(res => { // /api 不能少
      console.log(res)
    })
  }
}

 


免責聲明!

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



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