vue 项目 上传文件的接口,前缀使用公共的
时间: 2024-04-02 17:33:50
浏览: 63
假设你的[后端](https://geek.csdn.net/educolumn/1b483a4a3530863b540ab6ef16d99a2a?spm=1055.2569.3001.10083)接口是`https://example.com/[api](https://geek.csdn.net/educolumn/2ea7fda16f533cf64692fb96e5e2546c?spm=1055.2569.3001.10083)/upload`,你可以在Vue.js项目中使用axios库发送[pos](https://geek.csdn.net/educolumn/0399089ce1ac05d7729a569fd611cf73?spm=1055.2569.3001.10083)T请求来上传文件。可以在Vue.js项目的公共配置文件中设置`baseURL`,以便在发送请求时自动添加前缀。
以下是一个示例:
```javascript
// main.js
import axios from 'axios';
axios.defaults.baseURL = 'https://example.com/api';
// Your Vue.js component
export default {
methods: {
async uploadFile(file) {
const formData = new FormData();
formData.append('file', file);
try {
const response = await axios.[pos](https://geek.csdn.net/educolumn/0399089ce1ac05d7729a569fd611cf73?spm=1055.2569.3001.10083)t('/upload', formData);
console.log(response.data);
} catch (error) {
console.error(error);
在上面的示例中,我们在Vue.js项目的公共配置文件中设置了axios的`baseURL`为`https://example.com/api`。在组件的方法中,我们通过创建一个FormData[对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083)并将文件附加到其中,然
相关推荐
















