• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

vue反向代理ip能接端口么_服务器

当前位置：网站建设 > 技术支持

vue反向代理ip能接端口么？

vur反向代理ip能接端口，可是前提是要通过服务代理，通过特制的信号接收器实现，这样就能够访问目标地址了。

直接把测试和正式的接口地址写到 .env.development 和 .env,production里，通过process.env.VUE_APP_URL 这个可以获取到你定义的接口的变量值，VUE_APP_URL 这个东西是你自定义的在.env.development这个文件里，格式为VUE_APP_名字 = " " 赋值为你的公共接口地址，这是只有一个公共接口的情况，很好处理

在vue.confing.js 里面进行代理配置我的代理api比较多 所以先生成一个对象

生成的对象

proxyTable:{ '/ems': { target: '',// 需要访问的真实地址 changeOrigin: true,//开启代理 ws: true, secure: false, // 如果是https接口，需要配置这个参数为true pathRewrite: { '^/ems': 'ems' } // 重定向的地址 }, '/KTTiming': { target: 'changeOrigin: true, ws: true, pathRewrite: { '^/KTTiming': '' } } } 123456789101112131415123456789101112131415

在vue.confing.js找到devServer对象 将上面生成的对象赋给 proxy

在axios请求写url时侯直接写.env,production文件里配置的变量名例如

我需要访问的接口是，第一行 ‘/ems‘是一个标识，告诉它只代理接口里面有/ems这个字段的接口，我的目标服务器就是http://172.0.0.228:3103，即target定义的pathRewrite重定向‘^/ems’: ‘/ems’ 就是在代理是时候使用/api 代理，使用的时候就可以直接这样使用。

axios.get('/ems/v1').then((res)=>{ console.log(res) }) 123123

也可以不用pathRewrite 如同KTTiming 使用时就要写全地址后面的

axios.get('/ems/ems/v1').then((res)=>{ console.log(res) })。

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。