简介
nuxt是一个基于vue的前端框架，可以帮助我们使用vue更快速的搭建前端的环境
nuxt目录
- .nuxt是前端编译过后的js文件，相当于java编译后的.class文件
- assets 是用于存放前端静态资源的，如：htm、css、js
- component 项目中用到的相关的组件
- layouts 在default.vue中设置网页布局的方式
- middleware 下载后的组件
- node_module 下载的依赖
- pages项目的具体的页面都放在pages内
- nuxt.config.js nuxt框架的核心配置文件
前端封装request接口
安装axios
npm install axios@version
创建utils目录，新建request.js
import axios from 'axios' // 创建axios实例 const service = axios.create({ baseURL: 'http://localhost:9001', // api的base_url timeout: 20000 // 请求超时时间 }) export default service
创建api目录下创建index.js调用request
import request from '@/utils/request' export default { getList() { return request({ url: `/eduservice/index/index`, method: 'get' }) } }
在 index.vue中调用index中的函数
import index from '@/api/index.js' index.getList().then(response => { this.teacherList = response.data.data.teacherList this.courseList = response.data.data.courseList }) }
