码迷,mamicode.com
首页 > 其他好文 > 详细

vue解决跨域

时间:2021-06-02 12:49:57      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:export   params   var   action   rom   function   ons   error   headers   

1.axios基本使用

// axios 中的GET请求
axios.get( ‘/user‘, { params: { ID: ‘001’ } },{ headers:{"Authorization":"Bas"+"ccccccc"} }  )

.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

// axios 中的POST请求
axios.post(‘/user‘, { firstName: ‘1‘, lastName: ‘2‘ }, { headers:{"Authorization":"Bas"+"ccccccc"} }  )
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
})

2.在main.js中配置

import Vue from ‘vue‘; import axios from ‘axios‘;

Vue.prototype.$http=axios; //默认的根路径

axios.defaults.baseURL = ‘/api‘

3.在vue.config.js中配置(没有就在根目录下创建一个)

module.exports = {
    devServer: {
        open: true, //是否自动弹出浏览器页面
        host: "localhost",  //可注
        port: ‘8081‘, //可注
        https: false, //可注
        hotOnly: false,  //可注
        proxy: {
            ‘/api‘: {
                target: ‘http://192.168.50.241/‘, //API服务器的地址
                changeOrigin: true,
                pathRewrite: {
                    ‘^/api‘: ‘‘
                }  }     
        },
    } }
 

4.测试axios

var aa1 = ‘cgi-bin/devInfo.cgi?action=list&group=SYSINFO‘
this.$http.get(aa1, {headers:{"Authorization":"Basi"+"dssd"}} )
    .then(function(){console.log(‘ok‘)})
    .catch(function(){console.log(‘no‘)})



vue解决跨域

标签:export   params   var   action   rom   function   ons   error   headers   

原文地址:https://www.cnblogs.com/fxw1/p/14817170.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!