美文网首页
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-跨域

    以axios请求为例来说一下跨域的配置:1、安装axios: 2、在项目中找到config>index>proxy...

  • vue-配置跨域

    vue.config.js 改动后必须重启项目!!! 更多用法参考:https://blog.csdn.net/m...

  • 深入跨域问题(3) - 利用 JSONP 解决跨域

    深入跨域问题(1) - 初识 CORS 跨域资源共享;深入跨域问题(2) - 利用 CORS 解决跨域深入跨域问题...

  • 关于设置env等环境变量的思考

    1、如何处理跨域后台处理跨域前端处理跨域浏览器处理跨域 前端本地处理跨域:代理线上跨域的处理方式:Nginx反向代...

  • Web前后端跨域问题处理

    跨域问题有前台跨域(iframe间)和后台跨域。 前台跨域的解决方案可以采用跨域文档通讯(Cross domain...

  • 跨域

    跨域 什么是跨域: 解决跨域 通过jsonp原理:在页面引入跨域js和css时,没有存在跨域问题.因此可以动态创建...

  • 跨域问题详解分析

    参考文档 CORS详解 跨域资源共享 CORS 详解 js中几种实用的跨域方法原理详解 跨域的那些事儿 跨域与跨域...

  • 跨域问题:好几种解决方案

    跨域分为广义跨域和狭义跨域 广义跨域:一个域下的文档或脚本试图去请求另一个域下的资源; 广义跨域可以分为以下几种:...

  • ajax readystatus=0;status=0 报错

    跨域 跨域 跨域 一定要找运维或者后台解决

  • 深入跨域问题(2) - 利用 CORS 解决跨域

    阅读目录: 深入跨域问题(1) - 初识 CORS 跨域资源共享;深入跨域问题(2) - 利用 CORS 解决跨域...

网友评论

      本文标题:vue-跨域

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