vue-cli设置代理

代理
代理服务器英文全称是Proxy Server,其功能就是代理网络用户去取得网络信息。形象的说:它是网络信息的中转站。可以简单粗暴理解为把你的域名转换成你访问的域名,(我这么记的,当然可能并不恰当)形成同源,就能访问。
1开发环境与生产环境代理有什么区别
2 设置代理的链接
http://www.jianshu.com/p/95b2caf7e0da
http://www.jianshu.com/p/faa8303f8763
proxyTable: {
'/proxy': {
target: 'http://192.168.0.106:8686',
changeOrigin: true,
pathRewrite: {
'^/proxy': '/v1/models' //将localhost映射成http://192.168.0.106:8686
}
}
}
设置代理之后还需要 后台还需要设置一个请求头 否则还会报跨域错误 为什么
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '
http://172.16.1.236:7070
' is therefore not allowed access. The response had HTTP status code 403.

const BASE_URL = process.env.NODE_ENV === 'production' ? SERVER_URL : 'http://192.168.0.106:8686/'
为什么不写成 /v1/models

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,099评论 19 139
  • 上一篇《WEB请求处理一:浏览器请求发起处理》,我们讲述了浏览器端请求发起过程,通过DNS域名解析服务器IP,并建...
    七寸知架构阅读 81,342评论 21 356
  • host Copyright (c) 2014-2017, racaljk. https://github.com...
    JasonStack阅读 3,151评论 0 4
  • 春寒赐浴华清池,温泉水滑洗凝脂。当年白居易写长恨歌写尽了唐太宗和杨贵妃的爱与恨,也留下了今天的华清池。只...
    麦乐迪阅读 454评论 0 0
  • 哈喽,妈咪!你现在应该已经在梦乡里了吧?那我就先悄悄的和你说一声。。。母亲节快乐!💕有没有觉得时间过得真的超快的;...
    Amyfliu阅读 344评论 0 0