1、首先安装axios: npm install axios -S

2、在根目录下新建一个vue.config.js
在这里插入图片描述

3、在里面写上需要配置的东西

module.exports = {
   
    devServer: {
        open: true,
        host: 'localhost',
        port: 8080,
        https: false,
        hotOnly: false,
        // http 代理配置
        proxy: {
           
            '/api': {
                target: '你的接口地址',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/'
                }
            }
        },
        before: (app) => {}
    }
}

4、在main.js中

import axios from "axios"

axios.defaults.baseURL = "/api/"
Vue.prototype.$axios = axios

5、在需要请求接口的页面中

	classify(){
      this.$axios.post('/goodsis_list').then((res) => {
        console.log(res.data)
      if(res.data.code == 1){
        this.classifyList = res.data.data
        console.log(this.classifyList)
      }
      }).catch((err) => {
        console.log(err)
      })
    },

这样就能拿到我们需要的数据了
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐