• 首页
  • 电影
  • Js
  • 前端
  • 新旅
  • 奇技
  • 网安
  • 歌单
  • 关于
  • 搜索
  • 夜间模式
    ©2013-2025  成长小破站 Theme by OneBlog
    搜索
    标签
    # css # js # uniapp # ps # chrome # 小程序 # javascript # 布局 # typecho # 激活码
  • 首页>
  • Javascript>
  • 正文
  • axios 跨域请求

    2019年08月26日 1.5 k 阅读 0 评论 941 字

    用elementUI搭建后台界面;不错的选择;
    配合vue,这里不得不说跨域调试;
    目前webpack是时下流行的打包工具。也叫前端自动化解决方案;
    第一个坑就是:修改了js记得重新编译下;
    之前遇到一个问题相同的http请求axios为什么获取不到data数据。一度怀疑是后端服务的问题。但是后端服务通过地址栏 可以直接访问到api;

    知识点vue axios的代理配置

    //index.js代码片段
       proxyTable: {
                '/api': {  
                    target: 'https://www.dlite.cn/', //访问url
                    changeOrigin: true, //是否跨域
                    pathRewrite: {
                        '^/api': ''
                    }
                }
            },
    //main.js代码片段
     
    import axios from 'axios'
    Vue.prototype.HOME = '/api'+'/weapp/getTell';//对应的请求地址
    
    Vue.prototype.$axios = axios;//通过prototype
    Vue.use(ElementUI, axios);
    
    //xxx.vue文件中的代码片段请求方法,注意箭头函数
    var urls = this.HOME;
    
    this.$axios.get(urls).then((res)=> {            
     this.list=res.data;
                 console.log(res)
                   
              })

    另外可以直接使用axios的另一个插件axios-jsonp

    本文著作权归作者 [ admin ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
    axios
    取消回复

    发表留言
    回复

    首页电影Js前端新旅奇技网安歌单关于
    Copyright©2013-2025  All Rights Reserved.  Load:0.040 s
    豫公网安备41050202000235   豫ICP备18019224号-2
    Theme by OneBlog V3.6.4
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。