有時(shí)候需要寫(xiě)很長(zhǎng)的路徑广鳍，煩逆趣，所以可以將相同的操作寫(xiě)在一起,如果需要修改津肛，可以在axios請(qǐng)求的時(shí)候修改
比如baseURL:'https://www.baidu.com',
1.配置config/index.js:解決跨域問(wèn)題
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的設(shè)置汗贫，注意第二十六到二十九行
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,
//默認(rèn)的contenttype為json以及utf-8；
axios.defaults.headers={'Content-Type': 'text/html;charset=gb2312'}
new Vue({
el: '#app',
render: h => h(App)
})
3.app.vue：使用請(qǐng)求秸脱，get為例落包，無(wú)需寫(xiě)坑長(zhǎng)的地址，最后整合項(xiàng)目的時(shí)候修改下就可以了!soeasy摊唇，再也不擔(dān)心跨域問(wèn)題了咐蝇！
<template>
<div id="app">
huoqu
<button @click="myajax">獲取首頁(yè)信息</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("請(qǐng)求成功");
console.log(response);
},
response => {
console.log("請(qǐng)求失敗");
console.log(response);
}
)
},
}
}
<script/>
