前后端分离：前端接收后端数据（前端版）

后端端口号8081，前端端口号8080

操作均在前端进行

 

通过axios接收

npm install axios

代码（不跨域时直接使用），写在script的methods中

getAllPeoples(){
            axios.get('http://localhost:8081/').then(
                Response =>{
                    console.log('请求成功了',Response.data)
                },
                error => {
                    console.log('请求失败了',error)
                }
            )
        }

 

在vue.config.js中添加

devServer: {
    proxy:'http://localhost:8081'
  },

操作成功

（此界面调出方式：CTRL + shift + i，先调出界面在执行即可看到）