学生信息管理系统 —— 前端篇

├── Home.vue

└── Login.vue

……

└── vue.config.js （与src同级的配置文件）

单文件组件结构

举一个简单的例子。

反向代理配置

在vue.config.js文件下

module.exports={

devServer:{

proxy:{

“/api”:{

target:‘http://localhost:8088’,//访问的服务器地址

changeOrigin:true,//true为开启代理

//secure: true, // 如果是https接口，需要配置这个参数

pathRewrite:{

‘^/api’: ‘’//路径的替换规则

/*

*这里的配置是正则表达式，以/api开头的路径将会被‘/'替换掉

*假如后台文档的接口是 “https://www.cyclv.com/admin/login”

*前端调取API接口应写：axios.get(‘/api/admin/login’)

*/

}

}

}

}

}

axios

在api.js下简单封装了与后端交互的代码，主要考虑到如果以后交互技术的变化以方便拓展。

import axios from ‘axios’

expo