vue项目开发环境对跨域进行了配置,测试环境请求接口出问题
2018-07-18 10:47
633 查看
问题:vue项目中开发环境配置了跨域处理,发测试之后,由于测试是采用的它那边的压缩方式,所以导致接口请求不通,接口前面多了一个我配置的‘/code’
开发配置如下
[code]module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/oum/', proxyTable: { '/oum_api':{ target:'http://30.18.22.75', changeOrigin: true }, '/code':{//开发配置的识别名字 target:'http://30.16.11.112', changeOrigin: true, pathRewrite:{ '^/code':'/' } } },
我的调用方式是这样的:
[code] getNewCodePic(){ fetchGet('/code/servercenter/user/getValidCode').then(response=>{ this.codePic=response.validCode; this.requestId=response.requestId; }) }
因为是走的测试那边的压缩,或者说没有走我这边的dev配置,所以导致接口的code还在,所以把pathRewrite去掉应该就没有问题了。
阅读更多相关文章推荐
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- vue项目开发遇到的问题:如何改变请求的host以及referer抓取做了host以及referer限制的接口数据
- 详解vue项目和普通项目如何解决开发环境与生产环境下的跨域问题
- vue-cli生成的项目配置开发和生产环境不同的接口
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- Vue开发环境下调用接口跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- XMPP框架 微信项目开发之XMPP配置(二)——安装配置客户端(Adium)和配置系统自带的信息程序,并对聊天进行测试
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue proxyTable 开发环境下前端和后端真实数据对接问题和解决跨域
- Vue-cli开发环境下跨域调试配置
- vue-cli 前端开发,后台接口跨域代理调试问题
- iOS开发工具-如何使用网络封包分析工具Charles,通过配置proxy对http、https、tcp、udp 等协议的请求响应过程交互信息进行分析、判断、解决我们移动开发中的遇到的各种实际问题。
- 【笔记】vue-cli 开发环境中跨域连接后台api(vue-resource 跨域post 请求)
- Vue-cli proxyTable 解决开发环境的跨域问题(转)
- Vue-cli proxyTable 解决开发环境的跨域问题
- 七牛的管理接口不支持js端发送请求进行管理(设计到跨域问题)
- Vue-cli proxyTable 解决开发环境的跨域问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- vue-cli开发环境跨域问题解决方案