怎么在vue3中使用此函数import { post,get } from "./request"; export const GetOEEDetail=data=>{ return post({ url:"api/auy/auyfaymanAdd", data }) } export const GetEmpNameByEmpNo =data=>{ return post({ url:"/api/Report/GetOEEDetail", data }) }
时间: 2024-04-23 16:27:49 浏览: 119
UniApp中封装request网络请求包含GET、POST、PUT、DELETE等
在Vue 3中使用这个函数,你需要先在你的项目中创建一个名为`request.js`的文件,并将以下代码复制到该文件中:
```javascript
import axios from 'axios';
export const post = async ({ url, data }) => {
try {
const response = await axios.post(url, data);
return response.data;
} catch (error) {
console.error(error);
throw error;
}
};
export const get = async ({ url, params }) => {
try {
const response = await axios.get(url, { params });
return response.data;
} catch (error) {
console.error(error);
throw error;
}
};
```
然后,在你需要使用这些函数的地方,可以通过以下方式导入和使用:
```javascript
import { post, get } from "./request";
export const GetOEEDetail = async (data) => {
return post({
url: "api/auy/auyfaymanAdd",
data
});
};
export const GetEmpNameByEmpNo = async (data) => {
return post({
url: "/api/Report/GetOEEDetail",
data
});
};
```
这样你就可以在Vue 3项目中使用这些函数了。记得确保在使用这些函数之前安装`axios`依赖项,可以通过运行以下命令来安装:
```
npm install axios
```
阅读全文