vue3+vite 配置代理后不生效404

在检查服务器地址没有问题,接口地址也没有问题,用postman访问接口也能正常返回的情况下,可以看看vite.config.ts中proxy的rewrite

proxy是配置代理的,rewrite是用来重写路径的

 在重写路径的时候需要看接口有没有统一的前缀,如果有的话充写路径就需要重写到代理路径(这种情况要注意的一点是代理路径和统一前缀要一样),如果没有统一的前缀,重写路径要指向空(有统一前缀但是代理路径与统一前缀不一样也指向空)

 在开发环境中axios的baseUrl直接设为/api就可以正常访问接口了

proxy: {
        '/api': { // 配置需要代理的路径 --> 这里的意思是代理http://localhost:80/api/后的所有路由
          target: 'http://10.0.0.0:9002', // 目标地址 --> 服务器地址
          changeOrigin: true, // 允许跨域
          ws: true,  // 允许websocket代理
      // 重写路径 --> 作用与vue配置pathRewrite作用相同
          rewrite: (path) => path.replace(/^\/api/, "")
        }
       },