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

最新推荐文章于 2024-08-15 10:08:54 发布

精哥哥yxkj5558

最新推荐文章于 2024-08-15 10:08:54 发布

阅读量5.1k

点赞数 1

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_36602939/article/details/124658259

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

  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的,
        }
      }
    }
  },

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

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

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

发现问题

这里也要写到

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