post请求的时候,我们需要加上一个请求头,所以可以在这里进行一个默认的设置,即设置post的请求头为application/x-www-form-urlencoded;charset=UTF-8 axios.defaults.headers.post['Content-Type'] = 'appl ...
分类:
移动开发 时间:
2020-06-22 11:07:59
阅读次数:
76
今日内容 4. 通过axios实现数据请求 4.1 json4.1.1 json数据的语法 4.1.2 js中提供的json数据转换方法 4.2 ajax4.2.1 数据接口 4.2.3 ajax的使用 4.2.4 同源策略 4.2.5 ajax跨域(跨源)方案之CORS 4. 通过axios实现数 ...
分类:
移动开发 时间:
2020-06-22 00:57:46
阅读次数:
181
模板项目技术栈 vue-cli3脚手架 vue-router vuex跨组件通信 rem适配 axios拦截器 token Promise vant-ui 核心知识体系简介 vue-cli3脚手架 创建项目 开发环境和生产环境配置 vue-router路由 路由配置 子路由配置 路由守卫,设置页面标 ...
分类:
移动开发 时间:
2020-06-21 11:35:48
阅读次数:
285
摘要: 先看效果图 github地址 github仓库 在线访问 初始化项目 #创建项目 create-react-app applist #如果没有安装create-react-app的话,先安装 npm install -g create-react-app 目录结构改造 |--config | ...
分类:
移动开发 时间:
2020-06-20 18:32:34
阅读次数:
106
1、jQuery中的ajaxget方法:$.ajax({ url:"v4/api/film/now-playing?t=1539401039415&page=1&count=5", type:"GET", success:(result)=>{ return result } })post方法:$.... ...
分类:
移动开发 时间:
2020-06-20 17:09:46
阅读次数:
66
vue通过axios实现数据请求 vue.js默认没有提供ajax功能的。 所以使用vue的时候,一般都会使用axios的插件来实现ajax与后端服务器的数据交互。 注意,axios本质上就是javascript的ajax封装,所以会被同源策略限制。 1、axios使用方法: 使用方法一:githu ...
分类:
其他好文 时间:
2020-06-18 19:50:39
阅读次数:
51
axios请求封装 function http(config) { // axios的默认配置 如果时get 参数需要放到 params // 如果是post 参数需要放到 data var myConfig = { url: config.url, method: config.method, h ...
分类:
移动开发 时间:
2020-06-17 20:13:41
阅读次数:
74
上一次说了vue+webapi+jwt做token验证时需要注意的一些问题,没有在axios中使用拦截器,而是通过参数的方式提交token,这就导致每一个api的实体类中都要有个token,容易理解和实现,但烦啊,下面是用拦截器实现的。 1、axios拦截器的实现 这是js中的代码 import a ...
分类:
移动开发 时间:
2020-06-17 18:05:28
阅读次数:
99
什么是同源策略? 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。 同源策略,它是由Netscape提出的一个著名的安全策 ...
分类:
移动开发 时间:
2020-06-17 01:48:06
阅读次数:
89
//封装axiosimport axios from 'axios'export function request(config) { //1.创建axios实例 const instance = axios.create({ // baseURL:"http://localhost:8091", ...
分类:
移动开发 时间:
2020-06-16 23:13:51
阅读次数:
83