完成登陆及获得请求信息 接口基准地址:[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 })

    1. - 因有涉及跨域请求,所以需要我们手动创建**vue.config.js**配置文件,使用反向代理解决跨域问题
    2. ```javascript
    3. module.exports = {
    4. devServer: {
    5. overlay: { //关闭编译报错遮罩
    6. warnings: false,
    7. errors: false,
    8. },
    9. proxy: { // 反向代理解决解决跨域问题
    10. '/api': {
    11. target: 'http://59.110.226.77:5000',
    12. changeOrigin: true,
    13. }
    14. }
    15. }
    16. }
    • 网页布局 App.vue ```vue

    ```