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得通？等問題。

之后到下篇文章再說。

????????這個項目后續部署使用過程會持續更新，感興趣可以關注或者訂閱專欄，一些交流學習。