一、config.default.ts1.1设置portip,projectname,serverhost(http)export(向外暴露) 使得其他js调用此属性对象/** * 前端项目配置文件 */constprojectName融合管理平台// 项目名称constip127.0.0.1constport9090constserverHosthttp://ip:port// 接口服务器地址 举例:http://127.0.0.1:9090export{projectName,serverHost}二、 index.js2.1引用router (index.js)import{createRouter,createwebHistory}fromvue-routerconstroutercreateRouter({history:createwebHistory(import.meta.env.BASE_URL),routes:[{path:/./,name:home,component:()import(),},],})exportdefaultrouterPS:后续的name和path不能重复2.2全局后置守卫修改标题router.afterEach((to){document.titleto.meta.title?${to.meta.title}-${projectName}:projectName})参数 to即将去到的目标路由对象2.3全局前置守卫拦截作用提前拦截是否返回空路由router.beforeEach((to,from,next){if(to.matched.length0){next(/404)}else{next()}})to.match.length0:判断访问的路由是否为空注意为 不是三、main.js全局引入elment-plus//引入element-plusimportElementPlusfromelement-plusimportelement-plus/dist/index.css//引入element-plus中文库importzhCnfromelement-plus/es/locale/lang/zh-cnapp.use(ElementPlus,{locale:zhCn,size:small})四、 requestaxios请求五、element-plus使用5.1 测试script setupimportrequestfrom/utils/request.js;constsend(){request.get(web/1).then(res{console.log(res)})}/scripttemplateel-button clicksend1111/el-button/templatePS有跨域问题