目录

前言

一、java和vue

二、部署记录

1.获取代码

2.运行前端

3.运行后端

三、其他

1.nvm

总结

---

前言

近期工作需要部署一套java+vue前后分离的项目，之前都略有接触，但属于不及皮毛的程度，好在对其他开发语言、html js这些还算熟，相关开发工具也接触过，也还勉强可以搞一搞。

本文即把过程中涉及步骤、用到的工具、问题、解决都做一记录。

---

一、java和vue

java是流行的web后端开发语言，目前最为流行的就是spring cloud微服务开发框架

vue是流程的web前端框架，它使用了组件化的开发方式，使得前端开发更加模块化和可维护。

二、部署记录

1.获取代码

git clone

但是后面发现后端代码就是一些示例代码，前端也有报错，感觉文件不全啊。

web界面看了下git，原来有其他分支，master分支后续没更新，实际修改在dev分支

决定删除代码，重新搞

git clone git地址

git checkout dev

git pull

2.运行前端

1、npm install报错：npm ERR! cb()never called!

一开始按照项目提示安装的node14，结果报错。后来升到16（16.20.2）可以了

过程中还清除npm缓存，删除node_modules目录、修改文件夹权限都不好使

2、npm run dev报错：Module build failed: TypeError: Cannot read property 'range' of null

这个是因为babel-eslint版本问题，解决：

npm install babel-eslint@7.2.3 --save-dev

3、后端api配置

有的是通过代理设置，有的是env直接设置，反正都是为了解决跨域问题，即在前端应用下/api方式访问后端

3.运行后端

后端spring有多个项目，目前还不会玩转。

不过基本的实体类、Service、Controller是知道的，但是发现这个项目没用controller，那么api咋定义的呢？

找了找发现是使用了xml配置文件定义operation（type=api），下面再定义参数context、step（操作步骤，对应某个方法，这个方法再接收context的具体参数）

待后续更新…

三、其他

1.nvm

由于之前就有node，现在又要换node版本，于是看到nvm，可以进行node版本管理

nvm list                               列出所有node版本

nvm install node版本号      安装指定版本的node

nvm use node版本号          启用某个版本的node

注意：一开始安装了nvm但是发现无法安装node，后来看到有提示说安装路径不能有空格，于是重新安装了nvm，问题解决。

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了本地部署java+vue的部署过程，以及过程的一些问题与解决，希望可以帮助大家。