行业知识
学生信息管理系统 —— 前端篇
2026-11-05 16:42:52
来源：互联网转载
├── 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
