五、RuoYi-Cloud-Plus 前端项目部署以及如何改后端请求地址。

1.前情描述

        前面的文章我们介绍了RuoYi-Cloud-Plus的nocos的配置内容，已经启动其他服务要注意什么东西。

专栏内容在这，感兴趣可以看看。

https://blog.csdn.net/weixin_42868605/category_13023920.html

2.前端项目部署。

官网地址：plus-doc

（1）前端项目部署的过程很简单，不过有一些注意事项。
 

# 克隆项目 （首先你电脑要安装了git）
git clone https://gitee.com/JavaLionLi/plus-ui.git# 安装依赖 （你的电脑要能使用npm指令，还要注意node的版本）
npm install --registry=https://registry.npmmirror.com# 启动服务 （默认使用80端口，先看看自己端口有没有被占用）
npm run dev# 构建生产环境 
npm run build:prod# 前端访问地址 （部署在其他电脑上，就是对应的电脑ip）
http://localhost:80

（2）node 的版本太低会出问题，如果安装的时候，报了很多警告错误，你可以试试我这个版本。

（3）启动之后，如果80被占用，他会自己启用其他端口，注意看他启动以后的打印信息，下图是运行窗口的样子。

（4）注意，项目启动之后，默认请求的是本机电脑，如果你前后端部署在不同的电脑上，就需要改一下请求地址。

注意以下是你前端和后端在不同电脑上才需要配置，如果你都在同一台电脑上，可以作为了解。

他本地像是有一个解决跨域的处理方式。

而如果你是直接部署，你可以修改vite.config.ts文件中的地址。

改了之后，部署就能正常访问了，不同电脑访问，同时也记得防火墙端口，ping得通？等问题。

之后到下篇文章再说。

        这个项目后续部署使用过程会持续更新，感兴趣可以关注或者订阅专栏，一些交流学习。