1。创建一个vue项目安装vuecli，执行vueinitwebpack+“文件名”，创建一个vue空项目。网上教程很多，这里就不赘述了。2.使用elementUI地址：https://element.eleme.cn/安装：npmielement-ui-S在vue项目中使用：在main.js中写入如下内容：importElementUIfrom'element-ui';导入“element-ui/lib/theme-chalk/index.css”；Vue.use(ElementUI);当然，您也可以根据需要导入所需的模块。官网上有教程。3、安装axios并执行npmiaxios--save我们使用axios发送请求，这里我们对axios进行封装，封装方式如下：importAxiosfrom'axios'consthttp=Axios.create({withCredentials:true})//添加请求拦截器http.interceptors.request.use(function(config){returnconfig},function(error){//处理请求错误returnPromise.reject(error)})//添加响应拦截器http.interceptors.response.use(function(res){returnres},function(err){returnPromise.reject(err)})exportdefaulthttp4.使用axios发送请求。1.创建一个api文件。我们这里的目的是将所有的请求都封装到一个个的js文件中。然后在vue文件中使用它。比如login模块，在api中添加login.jsimporthttpfrom'@/util/http'//util/http文件就是步骤3中封装的方法//loginapifunctionlogin(data){returnhttp({url:'/api/login',method:'post',headers:{noMessage:true},data})}export{login}2.我们导出了一个登录方法，在login.vue中使用。import{login}from'@/api/login'3.使用方法login({userName:'song',passWord:'123456'}).then(res=>{console.log(res.data)})5.解决跨域问题。1、这里我们使用proxy来解决跨域问题。在config/index.jsproxyTable:{'/api':{target:"http://127.0.0.1:3000/",//API服务的IP和端口号changeOrigin:true,//如果设置为true，那么一个本地的虚拟服务器会收到你的请求并代为发送，这样就不会出现跨域问题（只适用于开发环境）pathRewrite:{'^/api':''//rewritepath}}}，这样我们就可以请求上次搭建的节点服务器了。基本实现了前后端开发的分离。但是node还有很多坑，下次再补。
