vue3 proxy代理出现的严重bug

最新推荐文章于 2024-06-19 11:33:40 发布

J1351579791

最新推荐文章于 2024-06-19 11:33:40 发布

阅读量250

点赞数

分类专栏：前端 proxy代理bug 文章标签： bug vue.js 前端

本文链接：https://blog.csdn.net/J1351579791/article/details/131892957

版权

前端同时被 2 个专栏收录

2 篇文章 1 订阅

订阅专栏

proxy代理bug

1 篇文章 0 订阅

订阅专栏

在Vue项目的vue.config.js中设置了代理，其中一个请求/dpi/data_api_statistic/overview返回404错误，而另一个/dpi/data_api_statistic/api_calls请求则成功。问题可能与pathRewrite配置或者请求路径有关。开发者正在寻找遇到类似问题的大佬进行讨论。

摘要由CSDN通过智能技术生成

vue.config.js 中代理

const { defineConfig } = require("@vue/cli-service");
require('events').EventEmitter.defaultMaxListeners = 0;
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  // // 基本路径,相对路径
  // publicPath: process.env.NODE_ENV === "production" ? "./" : "./",
  // outputDir:process.env.outputDir, // 输出文件目录 outputDir: ,
  devServer: {
    port: 8090,
    proxy: {
        "/dpi": {
            target: "http://xxx.xxx.xx.xxx:8090/api/",
            changeOrigin : true,
            ws: true,
            secure: false,
            logLevel: "debug",
            pathRewrite: {
              "^/dpi": "",
            },
      },

}

页面中写法一致

const getView = async () => {
      await proxy.$http
        .get("/dpi/data_api_statistic/overview")
        .then((res) => {
          if (res.code == 200) {
            
          }
        })
        .catch((err) => {
          console.log(err);
        });
    };
    const getViewEchart = async () => {
      await proxy.$http
        .get("/dpi/data_api_statistic/api_calls")
        .then((res) => {
          if (res.code == 200) {
          }
        })
        .catch((err) => {
          console.log(err);
        });
    };