在 Vue.js 项目中,可以通过使用 Axios 库来进行 HTTP 请求。具体步骤如下:
你可以使用 npm 或 yarn 安装 Axios:
npm install axios
或
yarn add axios
import axios from 'axios'
Vue.prototype.$http = axios
export default {
data() {
return {
userInfo: {}
}
},
mounted() {
this.$http.get('https://your-api-url.com/user/getInfo')
.then(response => {
this.userInfo = response.data
})
.catch(error => {
console.log(error)
})
}
}
上述代码中,我们使用了 Axios 的 get
方法来发送 GET 请求,并且将请求结果保存在 userInfo
对象中。其中,https://your-api-url.com/user/getInfo
是你的后端 API 地址,需要根据你的实际情况进行替换和配置。
注意:需要确保请求到 API 的 CORS 配置正确,否则会导致前端无法访问该 API。