位置: IT常识 - 正文
vue的proxy代理详解(vue中的proxy代理)
编辑：rootadminvue的proxy代理详解 一、proxy常用参数说明module.exports = { publicPath: "/", devServer: { proxy: { "/api": { // 代理名称 凡是使用/api开头的地址都是用此代理 target: "http://1.2.3.4:5000/", // 需要代理访问的api地址 changeOrigin: true, // 允许跨域请求 pathRewrite: { // 重写路径，替换请求地址中的指定路径 "^/api": "/", // 将请求地址中的/api替换为空，也就是请求地址中不会包含/api/ }, }, }, },};二、关于/api的详解
本文链接地址:https://www.jiuchutong.com/zhishi/296183.html
转载请保留说明！
推荐整理分享vue的proxy代理详解(vue中的proxy代理)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue proxy 代理,vueproxy配置,vue proxy 代理,vue中的proxy代理,vueproxy配置,vueproxy配置,vue3.0的proxy,vue中的proxy代理,内容如对您有帮助，希望把文章链接给更多的朋友！
‘/api’：是指遇到这个字符开头的话，在这个字符前面加上target里面的ip或者域名。
举例： ①登录接口：http://1.2.3.4:5000/login …中间省略了配置过程… ②npm run serve:Local: http://localhost:8080/ ③点击后发送的登录请求：http://localhost:8080/api/login ④/api 的作用就是将/api前的localhost：8080变成target的内容http://1.2.3.4:5000/ ⑤完整的路径变成了http://1.2.3.4:5000/api/login ⑥实际接口当中没有这个api，所以pathwrite重写就解决这个问题的。 ⑦pathwrite识别到api开头就会把/api重写成空，那就是不存在这个/apil了，完整的路径又变成：http://1.2.3.4:5000/login
三、部署因为/api无法请求到数据接口名称不用/api，改用实际接口的第一个字段，然后取消pathwrite重写
上一篇：【flask进阶】Flask实现自定义分页（python web通用）(flask 教程)
下一篇：养老院管理系统（Java+Web+MySQL）(养老院管理系统er图)
