梦学谷会员管理系统

一。项目环境搭建

1.安装node.js

2.全局安装vue和vue-cli

3.创建项目

vue create初始化项目

4.npm run serve

以服务端运行vue-cli模板

5.配置vue.config.js文件

module.exports = {
    devServer: {
        port:8080,
        host:"localhost",
        https:false,
        open:true
    },
    lintOnSave:false,
    productionSourceMap:false
}

6.整合第三方库

npm i -S axios

npm i -S pubsub-js

7.安装element-ui

npm i -S element-ui

在main.js中引入elementUI插件

Vue.use(elementUI)使用插件

安装element UI snippets插件用来提示elementUI语法提示

8.自定义封装axios

通过 Axios 发送异步请求，所以封装一个 Axios 对象。自已封装的 Axios 在后续可以使用
axios 中提供的拦截器。

在 src 目录下创建 utils 目录及 utils 下面创建 request.js 文件

import axios from "axios"
const request=axios.create({
    baseURL:"/",
    timeout:5000
})
export default request

自定义请求拦截器和响应拦截器

// 请求拦截器
request.interceptors.requset.use(config=>{
// 请求拦截
return config
},error=>{
// 出现异常
return Promise.reject(error)
})
// 响应拦截器
request.interceptors.response.use(response=>{
    return response
    },error=>{
    return Promise.reject(error)
    })
request.get("'./db.json").then(response=>{
    console.log(response.data)
})