vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue3 axios请求本地接口

vue3配置代理实现axios请求本地接口返回PG库数据

作者：松树戈

这篇文章主要为大家详细介绍了vue3配置代理实现axios请求本地接口返回PG库数据的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下

前端编写

安装 axios

如果当前未安装axios，可以执行如下指令安装

npm install axios

配置代理

当前为基于Vite构建的项目，在 vite.config.ts 中配置代理，在defineConfig中新增server配置，主要关注两个点：

一、需要代理的url开头，此处为/asset

二、代理的目标IP以及端口号，此处为http://localhost:8888

// vite.config.ts
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  plugins: [vue()],
  server: {
    proxy: {
      '/asset': { // 以 '/asset' 开头的请求会被代理
        target: 'http://localhost:8888', // 后端服务器地址
        changeOrigin: true, // 允许跨域
        rewrite: (path) => path.replace(/^\/asset/, '') // 重写路径，去掉 '/asset'
      }
    }
  }
});

如果你的项目基于Vue CLI构建，可在vue.config.js添加

// vue.config.js
const { defineConfig } = require('@vue/cli-service');

​​​​​​​module.exports = defineConfig({
  devServer: {
    proxy: {
      '/asset': {  // 以 '/asset' 开头的请求会被代理
        target: 'http://localhost:8888',  // 后端服务器地址
        changeOrigin: true,  // 允许跨域
        pathRewrite: {
          '^/asset': ''  // 重写路径，去掉 '/asset'
        }
      }
    }
  }
});

前端代码编写

此处使用ts&vue3写法，由于使用原生axios写法，没有封装通用的请求js（后续博客完善），导致此处解析响应会比较绕

const assetInfoList = result?.data?.data?.assetInfoList

<script setup lang="ts">
import { ref } from 'vue'
import axios from 'axios'

const isUseLocalFlag = ref(true)
const setTabData = async function () {
  if (isUseLocalFlag.value) {
    const bizId = '0777c40218114c35a29b0d4d84355668'
    await axios.post(`/asset/assetInfo/${bizId}/byBizId`).then(result => {
      if (result.status === 200) {
        const assetInfoList = result?.data?.data?.assetInfoList
        console.log('assetInfoList', assetInfoList)
      }
    })
  } else {
    // 请求mock数据
  }
}
</script>

<template>
  <div>
    数据源选择：
  </div>
  <el-switch
      v-model="isUseLocalFlag"
      active-text="使用本地服务数据"
      inactive-text="使用mock数据"
  />
  <el-button @click="setTabData" style="margin-left: 10px;">给tab赋值</el-button>
</template>

<style scoped>

</style>

后端编写

pgsql建表&测试数据填充

-- 资产信息表创建
CREATE TABLE IF NOT EXISTS t_asset_info (
  asset_number varchar(100) COLLATE pg_catalog.default NOT NULL,
  asset_status varchar(10) COLLATE pg_catalog.default,
  use_dept_code varchar(100) COLLATE pg_catalog.default,
  create_time timestamp(0),
  create_by_uuid varchar(32) COLLATE pg_catalog.default,
  create_by_account varchar(32) COLLATE pg_catalog.default,
  create_by_name varchar(100) COLLATE pg_catalog.default,
  last_update_time timestamp(0),
  last_update_uuid varchar(32) COLLATE pg_catalog.default,
  last_update_account varchar(32) COLLATE pg_catalog.default,
  last_update_name varchar(100) COLLATE pg_catalog.default,
  ext_attribute1 varchar(255) COLLATE pg_catalog.default,
  ext_attribute2 varchar(255) COLLATE pg_catalog.default,
  ext_attribute3 varchar(255) COLLATE pg_catalog.default,
  ext_attribute4 varchar(255) COLLATE pg_catalog.default,
  ext_attribute5 varchar(255) COLLATE pg_catalog.default,
  ext_attribute6 varchar(255) COLLATE pg_catalog.default,
  ext_attribute7 varchar(255) COLLATE pg_catalog.default,
  ext_attribute8 varchar(255) COLLATE pg_catalog.default,
  ext_attribute9 varchar(255) COLLATE pg_catalog.default,
  ext_attribute10 varchar(255) COLLATE pg_catalog.default,
  ext_attribute11 varchar(255) COLLATE pg_catalog.default,
  ext_attribute12 varchar(255) COLLATE pg_catalog.default,
  ext_attribute13 varchar(255) COLLATE pg_catalog.default,
  ext_attribute14 varchar(255) COLLATE pg_catalog.default,
  ext_attribute15 varchar(255) COLLATE pg_catalog.default,
  ext_attribute16 varchar(255) COLLATE pg_catalog.default,
  ext_attribute17 varchar(255) COLLATE pg_catalog.default,
  ext_attribute18 varchar(255) COLLATE pg_catalog.default,
  ext_attribute19 varchar(255) COLLATE pg_catalog.default,
  ext_attribute20 varchar(255) COLLATE pg_catalog.default,
  biz_id varchar(32) COLLATE pg_catalog.default DEFAULT ''::character varying,
  CONSTRAINT asset_info_pkey PRIMARY KEY (asset_number)
)
;

ALTER TABLE t_asset_info 
  OWNER TO postgres;

COMMENT ON COLUMN t_asset_info.asset_number IS '资产编号';

COMMENT ON COLUMN t_asset_info.asset_status IS '资产状态
10：正常
20：使用
30：闲置
40：报废
50：封存
60：盘点中
70：在途';

COMMENT ON COLUMN t_asset_info.use_dept_code IS '使用部门名称';

COMMENT ON COLUMN t_asset_info.create_time IS '创建时间';

COMMENT ON COLUMN t_asset_info.create_by_uuid IS '创建人uuid';

COMMENT ON COLUMN t_asset_info.create_by_account IS '创建人账号';

COMMENT ON COLUMN t_asset_info.create_by_name IS '创建人名称';

COMMENT ON COLUMN t_asset_info.last_update_time IS '最后更新时间';

COMMENT ON COLUMN t_asset_info.last_update_uuid IS '最后跟新人uuid';

COMMENT ON COLUMN t_asset_info.last_update_account IS '最后更新人账号';

COMMENT ON COLUMN t_asset_info.last_update_name IS '最后更新人名称';

COMMENT ON COLUMN t_asset_info.ext_attribute1 IS '拓展属性1';

COMMENT ON COLUMN t_asset_info.ext_attribute2 IS '拓展属性2';

COMMENT ON COLUMN t_asset_info.ext_attribute3 IS '拓展属性3';

COMMENT ON COLUMN t_asset_info.ext_attribute4 IS '拓展属性4';

COMMENT ON COLUMN t_asset_info.ext_attribute5 IS '拓展属性5';

COMMENT ON COLUMN t_asset_info.ext_attribute6 IS '拓展属性6';

COMMENT ON COLUMN t_asset_info.ext_attribute7 IS '拓展属性7';

COMMENT ON COLUMN t_asset_info.ext_attribute8 IS '拓展属性8';

COMMENT ON COLUMN t_asset_info.ext_attribute9 IS '拓展属性9';

COMMENT ON COLUMN t_asset_info.ext_attribute10 IS '拓展属性10';

COMMENT ON COLUMN t_asset_info.ext_attribute11 IS '拓展属性11';

COMMENT ON COLUMN t_asset_info.ext_attribute12 IS '拓展属性12';

COMMENT ON COLUMN t_asset_info.ext_attribute13 IS '拓展属性13';

COMMENT ON COLUMN t_asset_info.ext_attribute14 IS '拓展属性14';

COMMENT ON COLUMN t_asset_info.ext_attribute15 IS '拓展属性15';

COMMENT ON COLUMN t_asset_info.ext_attribute16 IS '拓展属性16';

COMMENT ON COLUMN t_asset_info.ext_attribute17 IS '拓展属性17';

COMMENT ON COLUMN t_asset_info.ext_attribute18 IS '拓展属性18';

COMMENT ON COLUMN t_asset_info.ext_attribute19 IS '拓展属性19';

COMMENT ON COLUMN t_asset_info.ext_attribute20 IS '拓展属性20';

COMMENT ON COLUMN t_asset_info.biz_id IS '业务ID';

COMMENT ON TABLE t_asset_info IS '资产信息表';
-- 资产信息表插入测试数据
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('03f7744cb08fbf23c5e3a49038b741d9', '60', '00-dept-34', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('0777c40218114c35a29b0d4d8435520e', '10', '00-dept-36', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('2d72bf99ebcad018297aed761b5dee8d', '10', '00-dept-29', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('3d4c487a1679c70f61b0aa3dd5a1733a', '60', '00-dept-27', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('4f22a0a4fe1a8ccc5916718cd1049241', '70', '00-dept-28', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('6ac629baf0e5af838433f7d48751cbbc', '50', '00-dept-33', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('7396d84b53bc253123ce149aae367227', '30', '00-dept-31', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('74fd3149eb6b63b4a05974644b12b9f7', '20', '00-dept-30', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('a33fa6930899ca9b30ff93a95dedd11e', '70', '00-dept-35', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');
INSERT INTO t_asset_info (asset_number, asset_status, use_dept_code, create_time, create_by_uuid, create_by_account, create_by_name, last_update_time, last_update_uuid, last_update_account, last_update_name, ext_attribute1, ext_attribute2, ext_attribute3, ext_attribute4, ext_attribute5, ext_attribute6, ext_attribute7, ext_attribute8, ext_attribute9, ext_attribute10, ext_attribute11, ext_attribute12, ext_attribute13, ext_attribute14, ext_attribute15, ext_attribute16, ext_attribute17, ext_attribute18, ext_attribute19, ext_attribute20, biz_id) VALUES ('db06878e60b8db82c4412d11ff793d18', '40', '00-dept-32', '2025-02-16 21:55:22', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', '2025-02-17 22:29:29', 'pine_tree_uuid', 'pine_tree_account', 'pine_tree_name', 'ext_attribute1', 'ext_attribute2', 'ext_attribute3', 'ext_attribute4', 'ext_attribute5', 'ext_attribute6', 'ext_attribute7', 'ext_attribute8', 'ext_attribute9', 'ext_attribute10', 'ext_attribute11', 'ext_attribute12', 'ext_attribute13', 'ext_attribute14', 'ext_attribute15', 'ext_attribute16', 'ext_attribute17', 'ext_attribute18', 'ext_attribute19', 'ext_attribute20', '0777c40218114c35a29b0d4d84355668');

实体类新增

/**
 * <p>
 * 资产信息表
 * </p>
 *
 * @author PineTree
 * @since 2025-02-16
 */
@TableName("t_asset_info")
@ApiModel(value = "AssetInfo对象", description = "资产信息表")
@Data
public class AssetInfoDTO implements Serializable {

    private static final long serialVersionUID = 1L;

    @ApiModelProperty("资产编号")
    @TableId(value = "asset_number", type = IdType.ASSIGN_UUID)
    private String assetNumber;

    @ApiModelProperty("资产状态	10：正常	20：使用	30：闲置	40：报废	50：封存	60：盘点中	70：在途")
    private String assetStatus;

    @ApiModelProperty("使用部门名称")
    private String useDeptCode;

    @ApiModelProperty("创建时间")
    private LocalDateTime createTime;

    @ApiModelProperty("创建人uuid")
    private String createByUuid;

    @ApiModelProperty("创建人账号")
    private String createByAccount;

    @ApiModelProperty("创建人名称")
    private String createByName;

    @ApiModelProperty("最后更新时间")
    private LocalDateTime lastUpdateTime;

    @ApiModelProperty("最后跟新人uuid")
    private String lastUpdateUuid;

    @ApiModelProperty("最后更新人账号")
    private String lastUpdateAccount;

    @ApiModelProperty("最后更新人名称")
    private String lastUpdateName;

    @ApiModelProperty("拓展属性1")
    private String extAttribute1;

    @ApiModelProperty("拓展属性2")
    private String extAttribute2;

    @ApiModelProperty("拓展属性3")
    private String extAttribute3;

    @ApiModelProperty("拓展属性4")
    private String extAttribute4;

    @ApiModelProperty("拓展属性5")
    private String extAttribute5;

    @ApiModelProperty("拓展属性6")
    private String extAttribute6;

    @ApiModelProperty("拓展属性7")
    private String extAttribute7;

    @ApiModelProperty("拓展属性8")
    private String extAttribute8;

    @ApiModelProperty("拓展属性9")
    private String extAttribute9;

    @ApiModelProperty("拓展属性10")
    private String extAttribute10;

    @ApiModelProperty("拓展属性11")
    private String extAttribute11;

    @ApiModelProperty("拓展属性12")
    private String extAttribute12;

    @ApiModelProperty("拓展属性13")
    private String extAttribute13;

    @ApiModelProperty("拓展属性14")
    private String extAttribute14;

    @ApiModelProperty("拓展属性15")
    private String extAttribute15;

    @ApiModelProperty("拓展属性16")
    private String extAttribute16;

    @ApiModelProperty("拓展属性17")
    private String extAttribute17;

    @ApiModelProperty("拓展属性18")
    private String extAttribute18;

    @ApiModelProperty("拓展属性19")
    private String extAttribute19;

    @ApiModelProperty("拓展属性20")
    private String extAttribute20;

    @ApiModelProperty("业务ID")
    private String bizId;

}

controller层代码编写

由于使用了mybatis-plus，调用了通用service查询逻辑，只需编写controller即可

/**
 * <p>
 * 资产信息表 前端控制器
 * </p>
 *
 * @author PineTree
 * @since 2025-02-16
 */
@RestController
@RequestMapping("/assetInfo")
public class AssetInfoController {

​​​​​​​    @Resource
    private IAssetInfoService assetInfoService;
    @PostMapping("{bizId}/byBizId")
    public Result getAssetInfoByBizId(@PathVariable("bizId") String bizId) {
        if (StringUtils.isEmpty(bizId)) {
            return Result.ok();
        }
        QueryWrapper<AssetInfoDTO> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("biz_id", bizId);
        List<AssetInfoDTO> assetInfoList = assetInfoService.list(queryWrapper);
        return Result.ok().data("assetInfoList", assetInfoList);
    }
}

postMan接口测试

启动本地后端，base_url为api collection维度的全局环境变量，此处设置为本地8888端口，可方便后续切换

联调

点击tab按钮，可以观察到成功从前端5173端口代理到8888并获取到了响应数据

到此这篇关于vue3配置代理实现axios请求本地接口返回PG库数据的文章就介绍到这了,更多相关vue3 axios请求本地接口内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:
阅读全文