Vue 进阶(十七):proxyTable 配置
一、前言
在项目开发过程中,一般都是在同一域名下进行接口联调,且不存在跨域,但是当我们在使用vue-cli
进行项目打包的时候,在本地启动服务器后,比如本地开发服务下是 http://localhost:8080
这样的访问页面,但是我们的接口地址是 http://xxxx.com/save/index
,这样直接使用会存在跨域的请求,导致接口请求不成功,因此需要在打包的时候进行代理配置。
二、文件配置
进入 config/index.js
进行如下配置即可:
复制代码
接口地址原本是 /save/index
,但是为了匹配代理地址,在前面加一个 /api
, 因此接口地址需要写成这样的即可生效 /api/save/index
。
注意: ‘/api
’ 为匹配项,target
为被请求的地址,因为在 ajax
的 url
中加了前缀 ‘/api
’,而原本的接口是没有这个前缀的,所以需要通过 pathRewrite
来重写地址,将前缀 ‘/api
’ 转为 ‘/
’。如果本身的接口地址就有 ‘/api
’ 这种通用前缀,就可以把 pathRewrite
删掉。
版权声明: 本文为 InfoQ 作者【No Silver Bullet】的原创文章。
原文链接:【http://xie.infoq.cn/article/e5f85d58ee9cb9b4d37461712】。文章转载请联系作者。
评论