1、前端启动前首先看有没有装nodejs，直接win+R，输入cmd回车，输入node -v，npm -v 如下图所示：
 
 
 如果出现不是内部或外部指令，直接先下载安装一个nodejs，附上大佬的一片安装博客
 
Nodejs安装及环境配置 - 简书
 
2、如果上述版本号都成功，就检查是否有淘宝镜像
 
npm config get registry
 
 
 如果没有就装
 
npm config set registry https://registry.npm.taobao.org
 
 
至此你已经安装好了nodejs已经镜像，就可以下载依赖，启动过程了。
 
直接找到工程下面的package.json 它的目录就是根目录，在盘符下cmd输入npm i/npm install 可以下载依赖，也可以idea的Terminal，注意也要到根目录下npm i。
 
 
 至此就可以去开启启动了
 
一般都是 npm run +程序员定义的，主要看package.json 文件，如图，展示的是什么，你就接相应的单词
 
npm run dev
 
 
 npm run serve
 
 
至此前端项目启动流程已经完结。 

看到这个博客，说的很好，我按照这个做的
 
 
 
https://blog.csdn.net/u010312671/article/details/105983838
 
 

 然后基于本地的工程，可以跑起来了

 
转自：https://blog.csdn.net/weixin_41829196/article/details/80444870
 
前后端分离，如何防止用户直接在地址栏输入url进入页面，也就是判断用户是否登录，没有，则直接跳转到登录页，后台可以用session记录用户登陆的状态，疑问的是前端每次ajax请求，都要做状态判断么，没登录就location.href="login.html",还是有什么别的写法？请教大神，重点想知道前端是如何写的，求demo， 另外就是单页面应用上，前端又是如何操作的?
 
answer:
 
是的，每个 Ajax 都需要对状态进行判断，但这个判断可以由后端来做。
 
具体的做法是通过 cookie 做的，也就是我们在登录页登录后，由后端返回一个带有 Set-Cookie 的返回头来种 cookie。那么在 cookie 失效前，发 Ajax 请求都是会自动带有这个 cookie 的，这时后端就能进行判断。
 
一旦这个 cookie 失效，后端在请求返回时应该用某种方式告诉前端，符合 HTTP 规范的做法是返回一个 401 状态码，这个时候前端通过拦截器(如 axios 的 interceptor)进行统一处理，跳转到登录页。
 
---------------------
 
作者：HainesFreeman
 
来源：CSDN
 
原文：https://blog.csdn.net/weixin_41829196/article/details/80444870
 
版权声明：本文为博主原创文章，转载请附上博文链接！

这是一个完整的项目目录
 
 api：用来放置跳转的方法并且返回data
 
 base：放置页面的静态配置
 common：主要是1.token的设置，过期，验证等
 2.跨域设置
 3.异常处理
 page：动态页面
 router:分发请求
 流程：前端触发事件 - 去api寻找方法-api去路由分发请求