最近做了一个前后端分离的商城项目来熟悉开发的整个流程,最后希望能有个正式的部署流程,于是试着把项目放在云服务器上,做了一下发现遇到了不少问题,借此记录一下整个部署的过程. 使用的技术栈如标题所说大体上是Vue+Spring boot,但还是要提一下详细的版本,因为在解决问题的过程中发现由于开发环境的不同会产生诸多影响,查找问题时如果没有版本作为前提经常会出现很多不必要的误解,甚至是误操作,非常浪费时间.详细版本情况如下: Vue 2.6.11 Vue-cli 4.5.0 Spring boot…

前端项目搭建必备技术 webpack nodejs 搭建 vue-cli 的安装 以上技术自行了解安装 一:创建前端项目 采用vue-cli 脚手架 1:终端执行如下命令 vue init webpack my-vue 创建一个my-vue的项目 2:cd 到项目路径下  执行如下命令启动项目 npm install  安装必备的依赖 npm run dev 启动项目 二项目目录的介绍 1:项目目录 2:下面每个目录介绍下 build目录   存放webpack 打包构建项目 js 文件 con…

松哥的书里边,其实有涉及到 Vue,但是并没有详细说过,原因很简单,Vue 的资料都是中文的,把 Vue.js 官网的资料从头到尾浏览一遍该懂的基本就懂了,个人感觉这个是最好的 Vue.js 学习资料 ,因此在我的书里边就没有多说.但是最近总结小伙伴遇到的问题,感觉很多人对前后端分离开发还是两眼一抹黑,所以今天松哥想和大家聊一下前后端分离以及 Vue.js 的一点事,算是一个简单的入门科普吧. 前后端不分 后端模板:Jsp.FreeMarker.Velocity 前端模板:Thymeleaf 前…

开门见山,本文分享前后端分离,容器化前端项目时动态插入后端API基地址,这是一个很赞的实践,解决了前端项目容器化过程中受制后端调用的尴尬. 尴尬从何而来 常见的web前后端分离:前后端分开部署,前端项目由nginx承载打包文件,反向代理请求. 应用的某些部分必须是可配置的,比如API调用基地址, 前端打包的时候需要统一插入该地址形成完整chunk files. # ------------------------------------------------------ # generate…

1.restful api介绍 1.前后端分离的优缺点 1.为什么要用前后端分离 1.pc.app.pad多端适应 2.SPA(单页面应用)开发模式开始流行 3.前后端分离职责不清 4.开发效率问题,前后端互相等待 5.前端一直配合后端,能力受限 6.后台开发语言和模板高度耦合,导致开发语言依赖严重 2.前后端分离缺点 1.前后端学习门槛增加 2.数据依赖导致文档重要性增加 3.前端工作量加大 4.SEO的难度加大 5.后端开发模式迁移增加成本 2.restful api restful api…

新蜂商城 Vue 版本 2019 年 10 月份我在 GitHub 开源仓库中上传了新蜂商城项目的所有源码,至今已经有小半年的时间了,感兴趣的可以去了解一下这个 Spring Boot 技术栈开发的商城项目,开源地址如下: newbee-mall in GitHub : https://github.com/newbee-ltd/newbee-mall newbee-mall in Gitee : https://gitee.com/newbee-ltd/newbee-mall newbee-m…

cli搭建方法:需安装nodejs先 1.npm install -g cnpm --registry=https://registry.npm.taobao.org //安装cnpm,用cnpm下载东西有时会快一些 2.cnpm i -g vue-cli  //安装 vue-cli,i:install 安装,-g:全局,哪儿都可以使用. 3.vue init webpack-simple ProjectName //webpack-simple:使用webpack-simple模板,proje…

1.开发环境配置 Windows7 64位旗舰版 python3.6 node.js mysql navicat pycharm webstorm或vscode 2.项目初始化 新版的pycharm很贴心的让每一个新的项目,都自动会在一个虚拟环境中,放心的新建项目就可以了,不用考虑虚拟环境的事儿了 1.新建Django项目,项目名为MxShop,新建app命名为users 2.修改django版本与安装djangorestframework 使用新版的pycharm新建django项目,因为每一…

1 General Name: 变量名. 类似给分支起一个名字的意思, 可随意取 Description: 描述, 非必填 Parameter Type: 选择 Branch or Tag Default Value: 默认分支 以上需要安装插件Git Parameter, 没有的话就在插件管理中安装, 以上设置为了构建的时候可以自由选择分支. 2 源码管理 我用的是git, 仓库是gitlab, 使用svn可选择Subversion Branch Specifier (Blank for "a…

1.drf前期准备 1.django-rest-framework官方文档 https://www.django-rest-framework.org/ #直接百度找到的djangorestframework的官网是打不开的 2.安装依赖包 如图所示,django restframework的依赖模块,除了coreapi和django-guardian,已经在前面安装过了. 打开终端,执行安装命令 pip install django-guardian pip install coreapi 3…