Vue - Proxy代理用法

Vue - Proxy代理用法

目的: 解决跨域

目标文件地址: vue-cli生成的config/index.js

dev: {
    // 如果后端提供的接口为: /test/where
    
    assetsSubDirectory: 'static',
    assetsPublicPath: '/', 
    proxyTable: {
      '/proxyApi': {
        target: 'http://xxxx.com', // 后端提供给你的接口地址
        changeOrigin: true, // true开启跨域
        pathRewrite: {
          '^/proxyApi': '/proxyApi' // 代理api使用方法=> /proxyApi/test/where
        }
      }
    }

最后记得重新run dev即可.