axios跨域问题

Question

很是苦恼，改写的也都写了，一直都是localhost

另外项目也重启过了

main.js

import axios from 'axios'
Vue.prototype.$axios = axios;
Vue.prototype.HOST = "/api";

config / index.js

proxyTable: {
      'api':{
        target:'http://www.kuaidi100.com',
        changeOrigin:true,
        pathRewrite:{
          '^/api':''
        }
      }
    },

script:

created() {
    let url = this.HOST + "/query";
    this.$axios.get(url, {
      params:{
        type: 'yunda',
        postid: 3916090104344
      }
    })
    .then(res => {
      console.log(res);
    })
    .catch(error => {
      console.log(error)
    })

  }

Answer 1

api要写成/api，因为你要代理的是/api

proxyTable: {
  '/api':{
    target:'http://www.kuaidi100.com',
    changeOrigin:true,
    pathRewrite:{
      '^/api':''
    }
  }
},

Answer 2

1.这不是跨域问题，是你启用了http-proxy组件，把你的请求代理到http://www.kuaidi100.com这个域名了，你在浏览器里看到的是localhost，但是其实访问的是http://www.kuaidi100.com
2.至于为什么是404，一种情况是后台没有对应的接口，另外一种情况是pathRewrite配置的不对