18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 建站知识 > 踩坑记,proxyTable实现域名转换

踩坑记,proxyTable实现域名转换

时间:2023-01-30 15:52:01 | 来源:建站知识

时间:2023-01-30 15:52:01 来源:建站知识

在开发中很多时候我们都是先进行开发后进行,等域名申请下来的时候再替换,但是往往实际开发中,我们的开发环境并没有域名,甚至有时候更是直接连接后端小伙伴的电脑进行开发,这时候我们就会很少考虑到这个域名转换的问题,今天就是由于一直没有把这个问题放在心上,所以吃了大亏,导致整个项目发到生产上,运行不了,所有的网页打不开,也没办法登录,检查来检查去,还是没有发现有任何的问题, 控制台上可以ping 的通, postman 也是可以请求,但是后台抓包就是抓不了,说明这个请求没有到后台,那这个请求跑到哪里去了呢? 由于这个项目并不是第一次发版,这次迭代更新的,所以很多的配置config 并没有改动,也认为没有问题, 但是就是由于这个粗心,害死了自己,也连累了老大(师傅),所以在这里跟师傅说声对不起.

proxyTable 的功能不止可以实现域名的转换,更多的时候是解决跨域的请求,

proxyTable: {

'/api/': {

target: 'http://192.168.400:1024',

pathRewrite: {

'^/api': '/api'

}

},

很多时候这样的配置,已经满足了生产的需求,像我项目1.0 的时候就上了生产, 所以觉得上了生产的配置肯定没有问题,没有放在心上,以至于导致生产回滚,这么重大的一次发版问题.

下面来介绍一下,利用proxyTable 来解决跨域的问题

每一个项目在开发中,在请求远端服务器接口时候,不可避免的会遇到跨域问题,即便是设置了Access-Control-Allow-Origin:* ,在遇到登录这些需要本地存入cookie的也会很头痛,由于我是主要是用vue.js 开发的,所以在这里简单的介绍vue-cli配置代理的方法.

这里主要是使用了非常强大的http-proxy-middleware包,其中更多高级用法可以查阅其文档.

我在这里主要讲一下,这个proxyTable

proxyTable: {

'/api/': {

target: 'http://192.168.400:1024',

changeOrigin:true, //set the option changeOrigin to true for name- based virtual hosted sites

pathRewrite: {

'^/api': '/api'

}

},

这样就可以了,对了,还有别忘了导入http-proxy-miffleware包哦! 这里

关键词:转换,实现

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭