├── 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开头的路径将会被‘/’替换掉
*假如后台文档的接口是 “http://www.cyclv.com/admin/login”
*前端调取API接口应写:axios.get(‘/api/admin/login’)
*/
}
}
}
}
}
axios
在api.js下简单封装了与后端交互的代码,主要考虑到如果以后交互技术的变化以方便拓展。
import axios from ‘axios’
expo