首页 > 其他分享 >Vue使用Proxy代理后仍无法生效的解决

Vue使用Proxy代理后仍无法生效的解决

时间:2023-01-11 18:34:13浏览次数:30  
标签:Vue false rewrite VUE manage process api Proxy 生效


Vue使用Proxy代理后仍无法生效的解决_前端

devServer: {
port: 8080,
proxy: {
'/manage': {
target: process.env.VUE_APP_API_BASE_URL,
ws: false,
changeOrigin: true,
pathRewrite: {
'^/manage': '/manage' // 需要rewrite的,
}
},
'/api': {
target: process.env.VUE_APP_API_BASE_URL,
ws: false,
changeOrigin: true,
pathRewrite: {
'^/api': '/api' // 需要rewrite的,
}
}
}
},

Vue使用Proxy代理后仍无法生效的解决_API_02

如果你的接口是这样的 /manage/login 的,或者是 /api/login

vue中用proxy代理,发现返回接口404,

这时候可以去后端查看一下访问日志

发现问题

Vue使用Proxy代理后仍无法生效的解决_API_03

 这里也要 写 到 

'/manage': {
target: process.env.VUE_APP_API_BASE_URL,
ws: false,
changeOrigin: true,
pathRewrite: {
'^/manage': '/manage' // 需要rewrite的,
}
},

标签:Vue,false,rewrite,VUE,manage,process,api,Proxy,生效
From: https://blog.51cto.com/jing/6002547

相关文章

  • 关于php修改了php.ini配置不生效
    最近在使用hypref,php的版本是7.4安装了swoole后,需要在php.ini中修改一下配置文件 添加 swoole.use_shortname='Off'但是添加了,重启php,依然不生效解决方法是:同时修改php......
  • nginx反向代理,解决vue项目跨域问题
     nginx的配置:  把/api转到另一个域名下#PROXY-START/apilocation/api{expires12h;if($request_uri~*"(php|jsp|cgi|asp|aspx)"){expires0......
  • ref 输入框自动获取焦点 input fcous vue2
    环境:vue2当我们的输入框不是一打开页面就显示出来,而是通过点击某个按钮显示或页面跳转时,输入框自动获取焦点的方法如下:输入框添加属性ref=“newMethodTitle”在点......
  • VUE项目的API项目的nginx配置
    #PROXY-START/apilocation/api{expires12h;if($request_uri~*"(php|jsp|cgi|asp|aspx)"){expi......
  • sortablejs 列表拖拽排序,js vue2,解决拖拽排序乱序问题
    功能:在列表中,需要给列表进行拖拽排序,并实时保存拖拽后的列表书序实现;运用js中的sortablejs库环境:vue2中文网:http://www.sortablejs.com在首页中下拉可以看到有多个......
  • Vue之txt文件上传功能
    Vue之文件上传功能需求:智能中医项目需要涉及一个数据上传功能,上传一个txt文件格式:以表单形式上交给后端同学,Id读取表格行内id即可展示如下:界面实现:<el-dialog title......
  • vue el-date-picker多选日期时间时,支持时间排序
    需求背景:当el-date-picker可以多选日期时,时间的顺序是按照选择的顺序来的,体验不是很好。需要在选时间的同时进行时间排序 解决方案:使用watch监听v-model绑定的值的变......
  • Vue多选问卷设计
    需求:智能中医项目需要在医院端设计一个填写多选的问卷模块,医生根据选项提示填写患者相关信息,用来存储中医中五脏六腑的信息。提交的问卷,可以在展示页面进行浏览,浏览已勾选......
  • 从面试题入手,畅谈 Vue 3 性能优化
    前言今年又是一个非常寒冷的冬天,很多公司都开始人员精简。市场从来不缺前端,但对高级前端的需求还是特别强烈的。一些大厂的面试官为了区分候选人对前端领域能力的深度,经常......
  • 【Vue】eslint报错“Component name “XXX“ should always be multi-word”的解决方
    第一种解决方法:修改组件名称为大驼峰,不要用系统中命令常见的名称。第二种解决方法:在根目录下,打开【.eslintrc.js】文件,如果没有,就新建,内容module.exports={root......