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、请求后台数据

猜你喜欢

转载自blog.csdn.net/www1056481167/article/details/113348588