Vue axios 本地请求跨域访问的问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u014780554/article/details/80195807

首先在项目中安装http-proxy-middleware中间件作为代理

npm i http-proxy-middleware -D

在config/index.js中配置代理proxyTable

module.exports = {
  dev: {
    proxyTable: {
      '/proxy': {
        target: 'http://ip.taobao.com',   // 需要请求的地址
        changeOrigin: true,  // 是否跨域
        pathRewrite: {
          '^/proxy': '/'  // 替换target中的请求地址，也就是说，在请求的时候，url用'/proxy'代替'http://ip.taobao.com'
        }
      }
    }
}

使用示例

    apiGet() {
      axios
        // 这里用'/proxy'代替了baseUrl 
        .get("/proxy/service/getIpInfo.php", {
          params: {
            ip: ""
          }
        })
        .then(result => {
          console.log(result);
        })
        .catch(err => {});
    }