梦学谷会员管理系统

Posted donutkiki

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了梦学谷会员管理系统相关的知识,希望对你有一定的参考价值。

一。项目环境搭建

1.安装node.js

2.全局安装vue和vue-cli
3.创建项目
vue create初始化项目
4.npm run serve
以服务端运行vue-cli模板
5.配置vue.config.js文件
 1 module.exports = 
 2     devServer: 
 3         port:8080,
 4         host:"localhost",
 5         https:false,
 6         open:true
 7     ,
 8     lintOnSave:false,
 9     productionSourceMap:false
10 

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 文件

1 import axios from "axios"
2 const request=axios.create(
3     baseURL:"/",
4     timeout:5000
5 )
6 export default request

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

 1 // 请求拦截器
 2 request.interceptors.requset.use(config=>
 3 // 请求拦截
 4 return config
 5 ,error=>
 6 // 出现异常
 7 return Promise.reject(error)
 8 )
 9 // 响应拦截器
10 request.interceptors.response.use(response=>
11     return response
12     ,error=>
13     return Promise.reject(error)
14     )
15 request.get("‘./db.json").then(response=>
16     console.log(response.data)
17 )

 

 

以上是关于梦学谷会员管理系统的主要内容,如果未能解决你的问题,请参考以下文章

梦学谷项目(上)

梦学谷管理系统总结

梦学谷架构

梦学谷项目(下)

梦学谷项目分析

梦学谷项目分析