Vue跨域请求proxyTable代理

前言：最近在搞vue项目，在请求数据时需要用到跨域请求，看了别人的代码照着敲一遍才算有点头绪。

步骤：

1：加载axios模块

npm install axios -save-dev 

在Vue项目main.js中进行全局挂载

// 引入axios
import axios from 'axios'
//全局注册，使用方法为:this.$axios
Vue.prototype.$axios = axios

2：在config文件夹下的index.js配置proxyTable代理

proxyTable代理代码：

module.exports = {
    dev: {

        // Paths
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        proxyTable: {
            '/apis': {
                target: '你请求的接口名',
                //是否跨域
                changeOrigin: true,
                pathRewrite: {
                    '^/apis': ''
                }
            }
        },

3：在项目文件中引用

	//apis即你设置ProxyTable名
    this.$axios.post('/apis/Api/Category/getCategoryTree')
    .then(res=>{
      console.log(res);
    })

总结：
代理使用于开发模式，如果上生产应该就不一样了。注意代理的代码是否正确。其他等待补充