严选 项目---开发流程

1.配置vuex 2.0 项目 2. 安装vant，axios，持久化等等...

配置axios拦截，配置vant 配置持久化

vant:   main.js
import Vant from 'vant';
import 'vant/lib/index.css';
import axios from '@/axios/index'

axios

 main.js:
import axios from '@/axios/index'
挂载原型
Vue.prototype.$axios = axios

aixos文件夹中的.js 写入

import axios from 'axios'

const instance = axios.create({
    baseURL: 'https://some-domain.com/api/',
    timeout: 1000,
    headers: {'X-Custom-Header': 'foobar'}
});
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
});

export default instance

持久化 store 写入：

import persistedState from 'vuex-persistedstate'
plugins: [persistedState()]

开始项目 -首页