大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇“vue支不支持ajax”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue支不支持ajax”文章吧。
成都创新互联公司长期为上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为五河企业提供专业的成都网站制作、成都做网站,五河网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
vue本身是不支持ajax请求的,但是可以利用“vue-resource”、axios等插件实现vue发送ajax请求;axios是一个基于Promise的HTTP请求客户端,用于发送请求,“vue-resource”是一个插件用于提供使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。
本教程操作环境:windows10系统、Vue3版、Dell G3电脑。
vue本身不支持发送AJAX请求,需要使用vue-resource(vue1.0版本)、axios(vue2.0版本)等插件实现
axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护
vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。
当vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,在这里大家了解一下vue-resource就可以。
vue使用axios发送AJAX请求:
首页安装并引入axios
npm install axios -S
或者网上直接下载axios.min.js文件通过script src的方式进行文件的引入
import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios,axios); Vue.prototype.$axios = axios;
1、基本使用格式
格式1:axios([options]) #这种格式直接将所有数据写在options里
格式2:axios.get(url[,options])
2、传参方式:
通过url传参
通过params选项传参
代码片段:
注册账号
格式:axios.post(url,data,[options]) 或者 axios([options])
index.js全局守卫
router.beforeEach((to,form,next) =>{ //如果进入到的路由是登录页或者注册页面,则正常展示 if (to.path === '/login') { next(); } else { let token = window.sessionStorage.getItem('token'); // console.log(token) if (token === null || token === '') { next('/login'); // alert("还没有登录,请先登录!"); } else { next(); } } // console.log(to) })
以上就是关于“vue支不支持ajax”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。