源码笔记瑞客源活为客户端上完全可交互应用程序

npxnpxcreate-nuxt-app项目名npmnpmrun 用于组织应用的Vue.js组件。Nuxt.js不会扩展增强

Javascript插件。

用于存放应用的静态文件，此类文件不会被Nuxt.js调用W 用于组织应用的Vuex状态树文件。Nuxt.js框架集成了Vuex状态树的相关功 <nuxt-linkto="/">首页</nuxt- <nuxt-linkto="/">首页</nuxt---|--|--|-----|--------| exportexport{layout:asyncasyncasyncData({$axios,error}) constresult=await$axios.$get('/api/goods')if(result.ok){return{goods:}error({statusCode400message:'查询数据失败constconstrouter=require("koa-router")({prefix:"/api"});constgoods=[id1,text"Web全栈架构师"price:1000id2text"Python架构师",price1000router.get("/goods",ctx{ctx.body={ok:1,router.get("/detail",ctx{ctx.body={ok:1,data:goods.find(good=>good.id==routerrouter.post("/login",ctx{constuser=if(user.username==="jerry"&&user.password==="123")将tokenconsttoken='amocktoken'; s.set('token',token);ctx.body={ok:1,token};}elsectx.body={ok:0}module.exports=constconstbodyparser=require("koa-constapi=constapp=new//设 app.keys=["somesecret","another//ImportandSetNuxt.js//asyncfunctionstart()//Instantiate////解析post数据并 }exportexportdefaultfunction({route,{if(route.path==='/'){}}routerrouter:middleware:['index-exportexportdefault({$axios},inject){inject("login",user=>return$axios.$post("/api/login",pluginsplugins:exportexportconststate=()=>({token:''exportconstmutations{init(state,token){state.token=}exportconstgetters{isLogin(state){return!!state.token;}exportconstactions{login({commit},{returnthis.$login(u).then(({token}){if(token){commit("init",token);}return}exportexportdefaultfunction({redirect,store{console.log("token:"+通过vuexif{}exportexport{middleware:}exportexportconstaction