vue-跨域

以axios请求为例来说一下跨域的配置:
1、安装axios:

$ npm install axios --save

2、在项目中找到config>index>proxyTable,将下面的代码替换到proxyTable;'/api'是自己定义,也就相当于用/api替换target中的地址

proxyTable: {
     '/api': {
        target: 'http://www.baidu.com',// 请换成自己的请求地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
},

3、下面以Post请求为例

axios.post({
      method: 'post',
      baseURL: 'api', //api就是替代了proxyTable中target的地址
      url: 'test',
      data: {
        userId: '123456'
      }
    }).then(resp => {
        console.log(resp);
    }).catch( err => {
        console.log(err);
    });

你可能感兴趣的:(vue-跨域)