vue 项目 上传文件的接口,前缀使用公共的

假设你的后端接口是`https://example.com/api/upload`，你可以在Vue.js项目中使用axios库发送POST请求来上传文件。可以在Vue.js项目的公共配置文件中设置`baseURL`，以便在发送请求时自动添加前缀。

以下是一个示例：

// 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.post('/upload', formData);
        console.log(response.data);
      } catch (error) {
        console.error(error);
      }
    }
  }
}

在上面的示例中，我们在Vue.js项目的公共配置文件中设置了axios的`baseURL`为`https://example.com/api`。在组件的方法中，我们通过创建一个FormData对象并将文件附加到其中，然后使用axios的`post`方法将FormData对象发送到`/upload`接口。最后，我们打印响应数据或错误信息。