使用vue-cli开发时跨域问题
2016-09-08 22:27
656 查看
打开config文件夹下的index.js,配置proxyTable:
{ ... dev:{ ... proxyTable: { '/api': { target: 'http://localhost', changeOrigin: true // 必须,为true的话,请求的header将会设置为匹配目标服务器的规则(Access-Control-Allow-Origin) } } } }
其中,taget是要访问的api的地址,配置完proxyTable后,若要访问'http://localhost/api/books',ajax里的url只需设为'/api/books'即可,webpack会帮你把‘/api’下的请求转发至'http://localhost/api'!
如果不想传递‘/api’ 到请求路径,可以这样配置:
{ ... dev:{ ... proxyTable: { '/api': { target: 'http://localhost', changeOrigin: true, pathRewrite: {"^/api" : ""} } } } }
相关文章推荐
- 使用vue-cli开发时跨域问题
- vue 跨域:使用vue-cli 配置 proxyTable 实现跨域问题
- vue-cli的axios使用方法,get、post请求的跨域问题解决
- 使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
- 新版vue-cli模板下本地开发环境使用node服务器跨域的方法
- Vue---vue-cli 中的proxyTable解决开发环境中的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- vue开发:vue-cli+axios解决跨域问题
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- vue-cli开发环境跨域问题解决方案
- Vue-cli proxyTable 解决开发环境的跨域问题(转)
- Vue-cli proxyTable 解决开发环境的跨域问题
- 详解vue-cli开发环境跨域问题解决方案
- Vue-cli proxyTable 解决开发环境的跨域问题详解
- webpack中vue-cli开发跨域的问题
- Vue-cli proxyTable 解决开发环境的跨域问题