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的,这就解决了本地跨域的问题,代理的问题

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,246评论 19 139
  • 时间2017-03-31 13:43:44Hope’s Blog 原文https://blog.ygxdxx.co...
    萧玄辞阅读 15,276评论 3 16
  • 一、安装 1、 利用npm安装npm install axios --save 2、 利用bower安装bower...
    kiddings阅读 1,819评论 0 3
  • 响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 815评论 0 0
  • 烟台的冬天,莫过于期待一场大雪。 它总是来得那么晚,那么迟,但每次的到来,它仿佛会积蓄全部力量,来一场银装素裹的舞...
    我是小福呀阅读 460评论 4 4