Alin_Wu_的博客

原创 images

原创 Vite打包Vue3项目，利用宝塔部署到服务器

按照如图的配置，将vite.config.js的 base 改为 /dist/（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）就会得到左边的这个dist文件夹，这就是打包好的文件。上传成功之后，文件目录结构是这样的。然后npm run build。创建项目以及项目配置。

原创 SpringBoot项目打包并利用宝塔部署到服务器

为了方便区分，新建一个文件夹，上传 jar包 和 sql文件。根据自己项目的版本安装，我的项目是JDK8、MySQL8。可以通过测试接口 公网ip+端口+接口地址。至此，后端SpringBoot项目部署成功。按照如下步骤进行，会打包得到一个jar包。查看导入数据是否成功。

原创 解决Linux服务器Vue项目刷新404

之后再刷新就不会报404了。

原创 微信小程序引入Vant Weapp

5.官网上的构建npm包需要在本地设置中勾选一个选项，我用的是Windows系统，没有这个选项，也不影响使用组件。如果是使用频率较高的组件，可以在app.json中全局引入，使用起来更方便。6.1先引入组件，可以在app.json或者对应页面的 json 文件中引入。3.点击微信开发者工具中 '工具'-'构建npm'6.2使用组件，根据官方文档的组件使用方式进行使用。npm 将会自动为你的项目生成一个默认的。删除，不删除将造成部分组件样式混乱。4.将 app.json 中的。我使用的是npm安装。

原创 centos服务器安装Nginx

默认的是80端口，启动之后可以通过访问服务器公网ip+端口号，例如47.115.230.255:80进行访问，如果访问不了，就去服务器安全组配置加入80端口。修改nginx配置文件后要重启nginx nginx -s reload。/etc/nginx 就是nginx配置文件的路径，进入该文件夹。2.查看nginx安装目录。3.3 重启nginx服务。找到nginx配置文件路径。3.nginx相关命令。3.1 启动nginx。4.修改nginx配置。修改nginx配置文件。查看nginx版本号。

原创 centos服务器Mongodb下载及相关操作

这将指定安装MongoDB的5.0.3版本。请确保已经配置正确的MongoDB yum存储库并刷新了缓存。运行上述命令后，系统将下载并安装MongoDB 5.0.3版本。无论选择哪种方式启动MongoDB，如果一切顺利，MongoDB将在后台启动并开始监听默认端口27017。这将打开MongoDB的Shell界面，可以在此执行各种MongoDB操作和查询。7. 安装完成后，MongoDB 会自动启动，并在服务器重启时自动启动。这样，就成功地在 CentOS 上安装了 MongoDB。

原创 通过分享链接获取视频地址

需要注意的是，由于涉及到 API 调用，该函数可能受到外部网络环境、API 接口变化等因素的影响，因此在使用过程中需要做好异常处理和错误提示。通过已经匹配好的视频链接，我们可以利用相应平台的视频 API 获取该视频地址。以抖音（Douyin）平台为例，其提供了获取视频信息和下载地址的 API 接口。在调用该函数时，可以传入匹配到的视频链接和有效的 acess_token，并在结果中获取到视频的下载地址。通过上一篇文章，我们可以用js通过正则表达，将分享链接中的视频地址拿到，然后就想办法拿到视频地址。

原创 JavaScript用正则表达获取抖音分享链接中的视频地址

1.正则表达式匹配：基于正则表达式对文本中的 URL 进行匹配和提取。例如，使用以下正则表达式即可匹配出上述示例中的视频链接。2.字符串切割：基于字符分隔和模式匹配对文本进行处理。例如，先将字符串按空格和换行符进行分割，再遍历每个分割后的字符，判断是否包含视频链接的主要特征。使用正则表达式匹配和字符串切割两种方法封装到getUrl()使用时，只需要调用该函数并传入需要处理的文本，即可得到匹配到的视频链接。

原创 Vue项目打包以及本地服务器创建并部署项目

此时直接访问 localhost:5005 就可以看见用vue写的页面了（默认访问的是index.html）如果不显示页面，ctrl+c停止服务器并重新启动就可以了。在与server.js同级下创建一个static文件夹(一般是用static命名)，将打包好的dist下的文件复制到static文件夹下，修改server.js代码如下。路由的工作模式是hash，各种乱点再刷新是没问题的。1.用正则匹配判断哪些是前端路由，哪些是后端路由（没了解，不太懂）2.用npm的一个中间件。