axios
『LXL』
为了督催自己学习 以后争取一周发三篇笔记 或者感悟
展开
-
vue中对axios的全局封装
记录一下vue中对axios的封装, 以便于日后复制粘贴用,没有用vuex下边上代码:根目录建一个request文件夹,建一个http.js文件import axios from 'axios' // 引入axios// import store from '../store/index' // 引入Vuex// import router from '../router' // 引入vue-routerimport { Message } from 'element-ui' //局部引入UI框原创 2020-12-15 14:55:54 · 845 阅读 · 2 评论 -
vue接口环境配置
vue接口环境配置代理跨域可无视,代理跨域改的是代理地址这是基于CORS跨域还有JSONP跨域的首先新建一个env.js文件首先要知道一个webpack的配置问题 ,也就是打包的时候环境配置的问题package.json:这里边需要配置–mode"scripts": { "dev":"npm run serve ", "serve": "vue-cli-service serve --mode=development", //生产环境 "build": "vue-c原创 2020-06-28 14:00:17 · 512 阅读 · 0 评论 -
vue接口错误拦截
vue接口错误拦截统一报错未登录统一拦截返回值统一处理接口规范要跟后台定好,正确码,报错码等。。。//例如你跟后台定的是这样:{ data:[], //数据 status:0, // 状态吗 msg:'', //报错}//根据前端的跨域方式做调整axios.defaults.baseURL = '',//定义一个超时 8saxios.defaults.timeout = 8000// 拦截器// request 请求值// response 返回值 所原创 2020-06-28 11:57:10 · 1670 阅读 · 0 评论 -
前端跨域解决方案
前端跨域解决方案什么是跨域跨域是浏览器为了安全而做出的限制策略浏览器请求必须遵循同源策略:同域名,同协议,同端口跨域的解决方案常用的三种方式CORS跨域CORS跨域:服务端设置,前端直接调用说明:后端允许前端某个站点进行访问JSONP跨域*JSONP跨域:前端适配,后端配合说明:前后台同时改造前端需要安装JSONP插件:npm i jsonp --save-dev调用:import jsonp from “jsonp”jsonp(url,option,(err,res)=原创 2020-06-24 14:07:19 · 173 阅读 · 0 评论 -
vue项目中引入axios
vue中引入axios记录一下axios的用法1.下载依赖npm install axios --save2.引入并全局注册在main.js中import axios from 'axios'Vue.prototype.$http = axios //全局注册,使用方法:this.$http3.配置vue.config.js解决跨域proxyTabledevServer: { proxyTable: { '/api': {原创 2020-05-26 10:02:52 · 3833 阅读 · 0 评论