【three.js沉浸式商城】产品展示界面的实现

1. 切换产品

产品信息获取：

通过axios来请求外部api数据，新建api.js

导入axios，创建配置的路径

   import axios from "axios";

   const request = axios.create({
   
   

    // 配置接口请求的基准路径

    baseURL: "http://api.cpengx.cn/metashop/api",

   });

接着设置响应拦截器，对后端响应进行处理

// 响应拦截器
request.interceptors.response.use(
  (response) => {
   
   
    if (response.status == 200) {
   
   
      return response.data;
    } else {
   
   
      return response;
    }
  },
  function (error) {
   
   
    return Promise.reject(error);
  }
);

配置接口的具体请求，因为我们是在产品页中使用后端信息，所以url填写产品页的地址

export const getProducts = (<