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

情报中心 lv.1

发布时间：2023-01-16 23:35:26 270

相关标签： # vue.js# 后端

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

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代理后仍无法生效的解决_vue.js_02

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

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

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

发现问题

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

这里也要写到

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

文章来源： https://blog.51cto.com/jing/6002547

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。