完成登陆及获得请求信息 接口基准地址:
[http://59.110.226.77:5000/api/private/v1/](http://59.110.226.77:5000/api/private/v1/)
- 因为需要做
axios的请求拦截器
用于设置token令牌,所以我们需要在入口文件(main.ts)中写点内容,写axios请求的处理 ```javascript // 自带的 import { createApp } from ‘vue’ import App from ‘./App.vue’
createApp(App).mount(‘#app’)
// 我们写的 import axios from ‘axios’ // 引入axios 项目目录下yarn add axios下载 import * as cookie from ‘./utils/cookie’ // 引入cookie 写在scr/utils(公共函数封装库cookie.ts) axios.interceptors.request.use(config=>{ // 数据请求前一般要携带一个token令牌,用于数据请求的身份认证 config.headers.common[‘Authorization’] = cookie.getCookie(‘token’) return config })
- 因有涉及跨域请求,所以需要我们手动创建**vue.config.js**配置文件,使用反向代理解决跨域问题
```javascript
module.exports = {
devServer: {
overlay: { //关闭编译报错遮罩
warnings: false,
errors: false,
},
proxy: { // 反向代理解决解决跨域问题
'/api': {
target: 'http://59.110.226.77:5000',
changeOrigin: true,
}
}
}
}
- 网页布局 App.vue
```vue
loading。。。-
用户名:{{ item.username }}
邮箱📮:{{ item.email }}
手机号:{{ item.mobile }}
-
用户名:{{ item.username }}
```