Vue-cli proxyTable 解决开发环境的跨域问题
2017-04-13 17:27
1046 查看
Vue-cli proxyTable 解决开发环境的跨域问题
proxyTable: { '/list': { target: 'http://api.xxxxxxxx.com', pathRewrite: { '^/list': '/list' } } }
[/code]
这样我们在写url的时候,只用写成
/list/1就可以代表
api.xxxxxxxx.com/list/1.
那么又是如何解决跨域问题的呢?其实在上面的
'list'的参数里有一个
changeOrigin参数,接收一个布尔值,如果设置为
true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求,这样就不会有跨域问题了,当然这只适用于开发环境。增加的代码如下所示:
proxyTable: { '/list': { target: 'http://api.xxxxxxxx.com', changeOrigin: true, pathRewrite: { '^/list': '/list' } } }
vue-cli的这个设置来自于其使用的插件http-proxy-middleware
重点:本地web 服务器不能占用vue 应用端口,否则代理不成功!
相关文章推荐
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue---vue-cli 中的proxyTable解决开发环境中的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题详解
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题(转)
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- vue-cli开发环境跨域问题解决方案
- 详解vue-cli开发环境跨域问题解决方案
- 使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
- vue开发:vue-cli+axios解决跨域问题
- 详解vue项目和普通项目如何解决开发环境与生产环境下的跨域问题
- Vue proxyTable 开发环境下前端和后端真实数据对接问题和解决跨域
- 详解vue-cli本地环境API代理设置和解决跨域
- Vue-cli开发环境下跨域调试配置