基于vue-cli的vue项目之axios的使用3--get传参请求
来源:互联网 发布:linux 内核参数配置 编辑:程序博客网 时间:2024/05/18 15:52
以get传参请求为例子,
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: {//get为例子myajax: function() {this.$http.get("/ajaxurl/welfare/gpa/brand/list", {params: {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的使用3--get传参请求
- 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
- 基于vue-cli的vue项目之axios的使用2--最基础的请求
- 基于vue-cli的vue项目之axios的使用4--并发请求
- 基于vue-cli的vue项目之axios的使用6--配置axios
- 基于vue-cli的vue项目之axios的使用1--准备工作
- 基于vue-cli的vue项目之vuex的使用3-------action异步传参
- vue 组件的封装之基于axios的ajax请求
- vue-cli 使用axios
- 基于vue-cli的vue项目之vuex的使用1---------最简单的vuex模板
- 基于vue-cli的vue项目之路由1--最基本的使用
- 基于vue-cli的vue项目之vuex的使用2-------commit参数
- 基于vue-cli的vue项目之vuex的使用4-------moudles分块
- vue axios 的使用
- 基于vue-cli的vue项目之路由3--watch监听路由
- 在Vue-cli里基于axios封装复用请求
- 在 vue-cli 里基于 axios 封装复用请求
- vue处理axios post请求传参的问题
- Struts2 文件上传
- redis-cluster配置攻略 本人亲自尝试
- 去除PDF的水印【9种方法总结】
- up
- 复习知识
- 基于vue-cli的vue项目之axios的使用3--get传参请求
- 剑指offer-21:包含min函数的栈
- xxxxx has been explicitly marked deprecated here
- TreeView 父节点子节点勾选变化关联
- js数值四舍五入的方法以及其中潜在bug的解决方案
- linux用户切换
- 搭建基于OAuth2和SSO的开放平台
- mac env setting
- C++ 游戏服务器 后端编程【1】 纯心情总结