vuecli在本地代理访问后台代码

只需要在
config/index.js里面配置一下代理接口就行了，这里不讲原理只讲实现，因为我也才用，
后续有时间会回过头来重新整理的

image.png

  '/api': {
        target:'http://192.168.101.168:8085/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      }

测试一下

先引入axios

//安装axios
npm install axios
//在main.js里面引用
import axios from axios
Vue.prototype.$http = axios;

在引入 qs

//安装qs
npm install qs
//在需要发送请求的具体组件里引入qs
import qs from 'qs'

//在组件里发送请求
 this.$http.post('/api+后台给的接口').then(
  res =>{
   }
);

测试一下是否ok,自己已经测试过了是ok的，这就解决了本地跨域的问题，代理的问题