基于vue-cli的vue项目之axios的使用6--配置axios
来源:互联网 发布:es java api 查询 编辑:程序博客网 时间:2024/05/18 14:15
有时候需要写很长的路径,烦,所以可以将相同的操作写在一起,如果需要修改,可以在axios请求的时候修改
比如baseURL:'https://www.baidu.com',
1.配置config/index.js:解决跨域问题dev: {env: require('./dev.env'),port: 8008,autoOpenBrowser: false,assetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {'/ajaxurl': {target: 'https://www.aaaaaaaa.com/',changeOrigin: true,pathRewrite: {'^/ajaxurl': '/'}}}}2.main.js:配置axios到原型链中,注意第二十五行,配置axios的设置,注意第二十六到二十九行import Vue from 'vue'import App from './App'import axios from 'axios'Vue.prototype.$http=axios;axios.defaults.baseURL = '/ajaxurl/welfare/gpa/';axios.defaults.timeout=1000,//默认的contenttype为json以及utf-8;axios.defaults.headers={'Content-Type': 'text/html;charset=gb2312'}new Vue({el: '#app',render: h => h(App)})3.app.vue:使用请求,get为例,无需写坑长的地址,最后整合项目的时候修改下就可以了!soeasy,再也不担心跨域问题了!<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: "/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的使用6--配置axios
- 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
- 基于vue-cli的vue项目之axios的使用2--最基础的请求
- 基于vue-cli的vue项目之axios的使用1--准备工作
- 基于vue-cli的vue项目之axios的使用3--get传参请求
- 基于vue-cli的vue项目之axios的使用4--并发请求
- vue-cli 使用axios
- vue axios 的使用
- vue.js axios 的使用
- vue之axios使用
- vue 组件的封装之基于axios的ajax请求
- vue项目中对axios的封装
- vue组件化挖矿之旅(五):axios的使用
- 基于vue-cli的反向代理设置及axios获取json数据
- vue中axios的使用方法
- vue 中axios的封装
- vue项目封装axios
- vue全局配置axios
- Java String转int、float、double
- 移动端左右滑动的导航的简单实现方法
- vsftpd使用super daemon方式启动
- 反向ajax实现即时聊天程序的业务流程
- OPENSSL中PEM_read_bio_RSAPublicKey和PEM_read_bio_RSA_PUBKEY的区别
- 基于vue-cli的vue项目之axios的使用6--配置axios
- 在hdfs创建目录时遇到的连接问题
- Intel, AMD及VIA CPU的微架构(4)
- Tomcat7部署WebService :Error listenerStart
- Java--introspector(内省)操作bean属性
- Zstack中UART0和UART1同时工作的方法
- 「转载」机器学习入门必读
- JSP--慕课网笔记
- CNN 理解