axios配置
<h1>axios 配置</h1>
<p>1、config下的index.js:</p>
<pre><code> proxyTable: {
'/api': {
target:'http://localhost:13025/api/', // 你请求的第三方接口
changeOrigin:true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
pathRewrite:{ // 路径重写,
'^/api': '' // 替换target中的请求地址,也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。
}
}
},</code></pre>
<p>2、入口main.js:</p>
<pre><code>import axios from 'axios'
import axios from 'axios'
//全局声明使用
Vue.prototype.$axios = axios
//关键代码
axios.defaults.baseURL = '/api'
//按需修改请求头信息
//axios.defaults.headers.post['Content-Type'] = 'application/json';
// axios.defaults.headers.post['Content-Type'] = "application/x-www-form-urlencoded";</code></pre>
<p>3、目标模板使用:</p>
<pre><code> const url = 'api/xx';
this.$axios.post(url,param)
.then(res=>console.log(res))
.catch(err=>console.log(err))</code></pre>