vue 前端服务器代理，proxyTable简要叙述

vue 前端服务器代理，proxyTable简要叙述

我们在使用 vue-cli 工具生成 vue 项目时
vue init webpack first-vue
在生成的项目结构里,会有一个 index.js 文件.

在这个 index.js 文件里,会有一个 proxyTable 的空节点.

理解这个节点的作用需要有两个前置知识

• 前端跨域
• 利用代理服务器进行跨域.

proxyTable

proxyTable 是 vue-cli 脚手架在开发模式下,为我们提供的一个跨域的代理中转服务器服务.基于 (http-proxy-middleware插件).
为什么要有 proxyTable?
有时候在开发期间,我们请求的后台接口(a.b.c/data.json)不和vue(localhost:8080)在同一个域名,后台也并未提供cors跨域服务.

正常情况下,我们无法通过ajax向后台请求到数据.因为跨域了.浏览器的同源策略,截获了这次数据的返回,没有给vue.

解决办法有两个:

• 服务器开启 cors (最简单,也是最方便的)
• 用代理服务器中转一下(vue请求的还是自己的后台,让后台去请求真是数据的