前后端分离项目-社交管理系统
穿西装的水獭
小小白=》小白
展开
-
前后端分离项目-社交管理系统之把vue+nodejs项目发布在腾讯云服务器(ubantu Liunx系统)上 学习笔记以及踩坑记录(五)
项目介绍以及工具准备介绍项目的后端部分使用的是node.js进行编写,node+express搭建服务器以及各种的接口搭建。而前端部分则是vue+webpack初始化了一个项目。在本机编写好项目后想要发布到腾讯云上,让项目落地。终端模拟软件我使用的是ubuntu,linux系统,为了方便操作需要在本机下载终端模拟软件。推荐使用XShell,似乎用的人比较多。我使用的是MobaxTerm。傻瓜式开箱即用,新建会话连接到云服务器即可成功后就可以在这里操作你的云服务器。如何传输文件到云服务器上那么原创 2020-08-08 12:04:30 · 3881 阅读 · 0 评论 -
前后端分离项目-社交管理系统之处理跨域请求axios,配置Vuex(state,getters,mutations,actions),请求拦截,获取Token,解析Token学习笔记(四)
写在前面项目的学习和制作来到了各种细节处理和关键的Vuex的阶段。前面实现了配置路由,展示的跳转等功能。现在记录学习过程中值得反复多看的问题和技术。axios跨域请求这个项目后端代码部署在端口500,前端在8080。这就导致了跨域问题的出现,在前端页面中用axios请求服务器端口8080的资源则不会有问题。否则就产生了跨域。使用axios的方法很简单,在client文件目录下npm i axios。在src文件夹下mian.js引用import axios from 'axios'Vue.pro原创 2020-08-03 22:09:30 · 1995 阅读 · 0 评论 -
前后端分离项目-社交管理系统之前后端连载,主界面的搭建的展示实现登录注册按钮展示对应的组件 路由的配置和使用 学习笔记(三)
前端vue路由配置,组件联动现在已经成功把主页面的框架搭建好,背景图片,各种按钮已经写好。一般我们按钮用a标签来展示,然后可能跳转到href属性里的路径中。但是如果按照传统的想法继续进行开发。首先我们得需要好多的html。并且每个页面中如果有同样的部分,比如上导航栏以及Footer部分。我们几乎每个页面都要有。而他们都是组件,他们的样式以及HTML都是写在组件文件夹的.vue文件中。如果要使用多个html进行注册,登录的跳转显然不够好。引入vue-router插件。我们想进行单页开发,只用一个html原创 2020-08-01 22:30:46 · 2594 阅读 · 0 评论 -
前后端分离项目-社交管理系统之前后端连载,主界面的搭建的展示 组件化开发 学习笔记(二)
前后端连载当我们写好了后端代码,各种接口的实现。接下来我们转入前端需要做的事情。第一步首先自然是创建一个vue项目。同样的使用node.js在终端中下载vue以及vue-cil。npm i npm -gnpm i @vue/cli -g在终端中输入这两个命令。下载好之后如果幸运通过vue -V命令能够查看到vue的版本。说明你的vue已经安装好了。但是我遇到了个问题,记录下来:1.‘vue’ 不是内部或外部命令,也不是可运行的程序明明已经下载了为什么不成功呢。通过百度清一色的解答都是添加环境原创 2020-07-31 19:13:19 · 4392 阅读 · 0 评论 -
前后端分离项目-社交管理系统之用Nodejs搭建接口尝试,postman使用,MongoDB初体验,后端部分初学笔记(一)
前端和nodejs查阅资料,询问前端前辈他们都会告诉你,前端也应该学习node.js。这样就可以独立开发一个中小型的前后端分离项目,也可以和后端更好的协作开发node初体验1.node的安装,前往官网下载对应开发环境的node即可。傻瓜式开箱即用。在终端输入node -v表明安装成功。2.nodejs主要面向服务端,他们之间有所差异,例如用node.js运行.js文件,.js文件中只有console.log(“hello world”)的话,在浏览器引用js的到的结果,和在终端运行用node .j原创 2020-07-28 14:37:00 · 18491 阅读 · 3 评论