有萌App开发之路(一)

1.vant中遇到的坑

1. 问题：在使用vant中的popup时，需要左侧弹出，将文档中的height修改为width并且设置百分比，结果就是无效。终于在最后知道左/右侧弹出时还需要在style中写width+height。
2. 代码

<van-popup
  v-model="show"
  round
  position="left"
  :style="{ height:'100%',width:'80%' }"
/>

3. 效果图

   

2. request.js的配置内容

• 需要：引入axios、store
• 运用axios配置请求的基础路径
• 设置请求拦截器
• 设置相应拦截器
• 导出

具体实现步骤一：

import axios from 'axios'
import store from '@/store'

具体实现步骤二：

// 配置axios基础路径
const request = axios.create({
    baseURL: 'http://xxxx'
})

具体实现步骤三：

// 设置请求拦截器
request.interceptors.request.use((config) => {
    return config
}, (error) => {
    return Promise.reject(error)
})

具体实现步骤四：

request.interceptors.response.use((data) => {
    return response.data || response.data.data
}, (error) => {
    return Promise.reject(error)
})

具体实现步骤五：

// 导出
export default request