视频教程：黑马程序员Java项目实战微服务项目《黑马头条》开发全套视频教程，基于SpringBoot+SpringCloud+Nacos等企业级微服务架构项目解决方案

1. MinIO 部署在虚拟机中的情况

如果你是通过虚拟机（使用 VMware 等软件）部署 MinIO 的，根据视频教程手动指定 index.js 文件中的 baseUrl 属性，再将 index.js 文件重新上传到 MinIO 的 leadnews/plugins/js 目录下就可以了

2. MinIO 部署在云服务上的情况

如果你是在云服务器上部署 MinIO 的，情况则有所不同

因为 MinIO 是部署在云服务器上的，而网关服务部署在本地（也就是局域网），index.js 文件无法访问到网关服务

如果不解决这个问题，记录用户阅读过的文章、点赞、收藏等功能都无法实现

---

我们可以通过内网穿透来解决这个问题

使用 cpolar 实现内网穿透，cpolar 的使用教程可以参考我的另一篇文章：使用cpolar实现内网穿透，将Web项目部署到公网上

2.1 创建隧道

在浏览器输入以下网址，打开 cpolar 的控制台，创建隧道

http://localhost:9200/#/tunnels/create

• 自定义隧道名称（heima-leadnews-behavior）
• 本地地址填写 AppGateWayApplication 占用的端口（51601）

2.2 查看在线隧道列表

如果在线隧道列表中没有某个隧道，可以在隧道列表中查看隧道是否处于 active 状态

http://localhost:9200/#/status/online

复制隧道的公网地址

隧道的公网地址在电脑重启后可能会发生变化，注意定期修改

2.3 修改index.js文件，重新上传到MinIO中

将复制隧道的公网地址粘贴到 index.js 文件的 baseUrl 属性中

修改完 index.js 文件后，将 index.js 文件重新上传到 MinIO 的 leadnews/plugins/js 目录下就可以了

3. 网络设置成功之后各个功能的前端界面

网络设置成功之后，记录用户阅读过的文章、点赞、收藏等功能就可以正常使用了

3.1 记录用户阅读过的文章功能

用户进入到文章详情界面后，会弹出一个操作成功的提示框

3.2 点赞功能

点赞成功之后，按钮的样式会发生变化，同时会弹出点赞操作成功的提示框

3.3 收藏功能

收藏成功之后，按钮的样式会发生变化，同时会弹出收藏操作成功的提示框