axios 跨域请求

田

发布于 2021-11-08 10:17:47

2.5K0

文章被收录于专栏：IT杂症IT杂症

用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