基于vue-cli的vue项目之axios的使用5--axios方法发送请求
来源:互联网 发布:有赞 源码 编辑:程序博客网 时间:2024/05/18 13:45
既然jq有ajax方法,那么axios有没有axios方法?答案是肯定的,依旧隐藏了域名
1.配置config/index.js:解决跨域问题dev: {env: require('./dev.env'),port: 8008,autoOpenBrowser: false,assetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {'/ajaxurl': {target: 'https://www.aaaaaaa.com/',changeOrigin: true,pathRewrite: {'^/ajaxurl': '/'}}}}2.main.js:配置axios到原型链中,注意第二十五行import Vue from 'vue'import App from './App'import axios from 'axios'Vue.prototype.$http=axios;new Vue({el: '#app',render: h => h(App)})3.app.vue:使用请求,get为例,第四十五行到第六十行为方法,比较喜欢这种<template><div id="app">huoqu<button @click="myajax">获取首页信息</button></div></template><script>export default {name: 'app',components: {},data: function() {},methods: {myajax: function() {this.$http({method: "get",url: "/ajaxurl/welfare/gpa/brand/list",data: {page: 1,size: 10}}).then(response => {console.log("请求成功");console.log(response);},response => {console.log("请求失败");console.log(response);})},}}</script><style></style>效果图如下:
阅读全文
0 0
- 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
- 基于vue-cli的vue项目之axios的使用2--最基础的请求
- 基于vue-cli的vue项目之axios的使用3--get传参请求
- 基于vue-cli的vue项目之axios的使用4--并发请求
- 基于vue-cli的vue项目之axios的使用6--配置axios
- 基于vue-cli的vue项目之axios的使用1--准备工作
- vue-cli 使用axios
- vue之请求方法--axios
- vue axios 的使用
- vue 组件的封装之基于axios的ajax请求
- vue开发-使用axios发送请求
- Vue.js实战之使用Vuex + axios发送请求详解
- vue.js axios 的使用
- Vue项目之Axios数据请求
- Vue项目之Axios数据请求
- vue之axios使用
- 在Vue-cli里基于axios封装复用请求
- 在 vue-cli 里基于 axios 封装复用请求
- Windows系统搭建kafka
- C++标准库的所有头文件
- 2017年9月8日
- Hive onver Hbase详解
- CentOS使用光盘添加删除程序
- 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
- JVM相关参数
- 关于不能改变字符串常量值的理解
- 12.线程特定数据TSD
- Spring-boot中读取config配置文件的两种方式
- 利用dom4j解析xml
- Servlet笔记——(1.3.2)1.3.2 MyEclipse创建JavaWeb应用
- php 中的陷阱
- 关于Linux下使用expdp和impdp命令对Oracle数据库进行导入和导出操作