vue-axios

1、后端跨域的三种解决方案

1、jsonp
2、反向代理
3、在php框架的入口文件加上
header('Access-Control-Allow-Origin: *');

2、安装axios

npm install axios -save

3、代码main.js

import Vue from 'vue'
import App from './App.vue'
import router from './routers'
import store from './store'
import util from "@/util/util.js"
// import axios from 'axios';

// Vue.prototype.$axios = axios;//this.$axios使用
Vue.prototype.util = util;

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')

4、utit.js

import store from "@/store/index.js"
import axios from "axios";

export default{
	getArt(page,pagesize,that){
		// axios.defaults.timeout = 50000;
		axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';  //此处是增加的代码，设置请求头的类型
		axios({
			method: 'post',
			url: 'http://127.0.0.1:81/index.php/index/index/getArt',
			data: {
				page:page,
				pagesize: pagesize
			}
		}).then(function(res){
			that.artlist = res.data;
			console.log(res.data);
			return res.data;
		});
	}
}