vue-element-admin（一）mock

一、在vue.config.js中before: require(’./mock/mock-server.js’),后加上

//解决跨域问题
proxy: {
          
   
  [process.env.VUE_APP_BASE_API]: {
          
    // dev-api
    target: mock中自己创建的base url,
    changeOrigin: true, //开启代理服务器， /dev-api/test
    pathRewrite: {
          
   
      [ ^ + process.env.VUE_APP_BASE_API]:   // /dev-api替换为空
    }
  }
}

二、api中创建test接口

import request from @/utils/request

export default  {
          
   
  test() {
          
   
    return request({
          
   
      url: /test,
      method: get
    })
  }
}

三、在vue中调用

<script>
import api from @/api/test

export default {
          
   
  created() {
          
   
    this.fetchData()
  },
  methods: {
          
   
    fetchData() {
          
   
      api.test().then(response => {
          
   
        console.log(response)
      })
    }
  }
}
</script>

mock网址：https://mock.mengxuegu.com/