vue2.0解决axios的跨域问题

两步解决axios跨域问题

第一步

在config/index.js找到proxyTable(没有的话添加改配置)添加如下内容

    proxyTable: {
      /* 跨域 第一步 */
      "/api":{
        target:"http://localhost:9999",
        changeOrigin:true,
        pathRewrite:{
          '^/api':''
        }
      }
    },

注意：target是请求目标服务器的地址，其他不可更改

第二步

在src/main.js文件添加一下内容

Vue.prototype.HOST='/api';

 

说明：添加host代理的/api，相当于访问的时候直接去访问http://localhost:9999该地址

整个配置如下

注意：改完之后一定要重启，一定要重启

3、请求后台数据