axios，post请求问题

Question

我有一个组件，组件里面写的是axios

import axios from 'axios'

export function POST(URL, params) {
  return new Promise((resolve, reject) => {
    var link = process.env.HOST + URL
    axios({
      method: "POST",
      url: link,
      data: params
    }).then(resolve, reject)
  })
}

现在想在另一个页面里上传文件，post请求，现在讲这个axios组件引入进来，不会使用，请问如何设置为好？

 <form action="" method="post" enctype="multipart/form-data" id="upload">
        <label>Select file:</label>&nbsp;&nbsp;&nbsp;&nbsp;
        <p class="wrap">
          <input type="file" ref="reffile" name="file" @change="changeselect">
        </p>
        <input class="submit" type="submit" value="Select file" onclick="submitForm($event)"/>
      </form>
        import Axios from '../request/index'
        Vue.prototype.$axios = Axios;

   created(){
        this.$axios.post('url').then(res=>{
          this.data =res.data.message;
          console.log(res)

        })
          .catch(err=>{
            console.log(err)
          })
      }

Answer 1

import {POST} from '../request/index'

   created(){
    POST('url').then(res=>{
          this.data =res.data.message;
          console.log(res)

        })
          .catch(err=>{
            console.log(err)
          })
      }

Answer 2

import * as axios from '../request/index'

然后你绑定到vue的prototype上的话，还是在main里绑定比较好