java前后端分离怎么实现
java前后端分离实现的步骤是:1、idea导入后端代码;2、修改数据库密码;3、启动BaseNacosApplication;4、修改相关密码;5、导入前端代码;6、输入npm run install;7、输入指令完成分离。
![](https://s3-wt-blog.worktile.com/wt-blog/2022/03/----_---px_2022-03-04-11_43_58.jpeg)
后端发布
1、idea导入后端代码(/joolun)
2、修改base-cacos配置文件的数据库密码
![](https://s3-wt-blog.worktile.com/wt-blog/2022/03/2.webp.jpg)
3、首先启动BaseNacosApplication,base-nacos启动成功后浏览器中打开http://127.0.0.1:8848/nacos/index.html
![](https://s3-wt-blog.worktile.com/wt-blog/2022/03/3.webp.jpg)
4、修改相关密码,application-dev.yml:修改redis密码,base-auth-dev.yml、base-codegen-dev.yml、base-upms-biz-dev.yml、base-weixin-mp-dev.yml:修改mysql账号、密码,将root换成自己的账号密码,注意冒号后面要带一个空格
![](https://s3-wt-blog.worktile.com/wt-blog/2022/03/4.webp.jpg)
前端发布
5、WebStorm导入前端代码(/joolun-ui)
![](https://s3-wt-blog.worktile.com/wt-blog/2022/03/2-2.webp.jpg)
6、输入npm run install
![](https://s3-wt-blog.worktile.com/wt-blog/2022/03/3-3.webp.jpg)
7、输入npm run serve,完成分离
![](https://s3-wt-blog.worktile.com/wt-blog/2022/03/4--4.webp.jpg)
最后,推荐我们的管理工具给大家。
![](https://s3-wt-blog.worktile.com/wt-blog/2022/03/----_20220127093058-36.png)
![](https://s3-wt-blog.worktile.com/wt-blog/2022/03/----_20220127093106-36.png)