axios的跨域处理

1.下载axios，并在main.js中引入

npm i axios -S
import Axios from 'axios'
Vue.prototype.$axios = Axios   //在main.js引入axios，因为其不属于vue全家桶，所以将其挂载在vue原型上，实现全局使用

2.配置config文件中的代理地址

在项目config目录下的修改 index.js文件

    proxyTable: {
      "/api":{
        target: "http://screen.rdxsaj.com",
        changeOrigin: true,
        pathRewrite: {
          '^/api':''
        }
      }
    },

配置完后记得重启项目才会生效

            that.$indicator.open({
                text:'正在登录...'
            })
            var obj = {
                token:'1AEA4006B1F1F19E26499A75B456EAFD',
                deviceSerial:'802883535,D11282193',
                appkey:5001,
                time:1619071028
            }
            var url = '/api/v1/vedio';
            that.$axios.post(url,obj)
            .then(response => {
                console.log(response);
                setTimeout(function(){
                    that.$indicator.close();
                    that.$toast({
                        message:'登录成功',
                        // iconClass: 'icon icon-success',
                        duration:1000
                    })
                },1000);
            }).catch(error => {
                console.log(error);
            })

跨域完成，可以请求到接口了

1.下载axios，并在main.js中引入

2.配置config文件中的代理地址

更多相关文章

随机推荐