美文网首页
vue-跨域

vue-跨域

作者: 苏码码 | 来源:发表于2018-11-02 11:18 被阅读0次

    以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-跨域

          本文链接:https://www.haomeiwen.com/subject/xbmqxqtx.html