高效竞猜源码:黑白红自动下单机器人+VUE前端开发指南
### 测试环境配置说明
#### 系统环境
– 操作系统: Linux CentOS 7.6
– 控制面板: 宝塔面板
– PHP版本: PHP 7.3
– 数据库: MySQL 5.6
– 根目录: public
– 伪静态规则: 根据项目需求配置
– SSL证书: 已开启
#### 语言设置
– 项目语言: 葡萄牙语
– 单语言支持: 项目仅支持葡萄牙语,前端使用Vue.js编译后生成静态文件。
—
### 数据库配置修改
1. 文件路径: 根目录下的 .env 文件
2. 修改内容:
– 第23行: 数据库连接地址
DB_HOST=127.0.0.1
– 第24行: 数据库名称
DB_DATABASE=your_database_name
– 第25行: 数据库用户名和密码
DB_USERNAME=your_database_user
DB_PASSWORD=your_database_password
—
### 后端域名修改
1. 文件路径: 根目录下的 .env 文件
2. 修改内容:
– 第5行: 后端API域名
APP_URL=http://your-backend-domain.com
—
### 前端域名修改
1. 文件路径: /public/static/js/index.32b86ddf.js
2. 修改内容:
– 打开文件后,搜索 `API接口地址`,找到类似以下内容:
const apiUrl = ‘http://old-backend-domain.com/api’;
– 将其替换为你的后端域名:
const apiUrl = ‘http://your-backend-domain.com/api’;
—
### 前端访问配置
1. 默认文档设置:
– 在宝塔面板中,进入网站设置,找到 默认文档 选项。
– 将 index.html 设置为第一个默认文档,`index.php` 设置为第二个。
– 保存配置后,访问网站时会优先加载 `index.html`。
2. 直接访问前端页面:
– 如果前端已经编译为静态文件,可以直接通过以下URL访问:
http://your-backend-domain.com/index.html
—
### 前后端语言描述
#### 前端语言描述
– 技术栈: Vue.js
– 编译方式: 使用 npm run build 或 yarn build 编译生成静态文件。
– 主要文件:
– index.html: 前端入口文件。
– /static/js/index.32b86ddf.js: 前端JavaScript文件,包含API接口地址。
– /static/css: 前端样式文件。
– 多语言支持: 项目仅支持葡萄牙语,所有文本内容均已翻译为葡萄牙语。
#### 后端语言描述
– 技术栈: PHP (Laravel框架)
– 配置文件:
– .env: 包含数据库连接、API域名等关键配置。
– config/database.php: 数据库连接配置。
– config/app.php: 应用基础配置。
– API接口:
– 后端提供RESTful API接口,供前端调用。
– 接口地址在 .env 文件中配置,并通过 APP_URL 变量传递到前端。
– 多语言支持: 后端逻辑支持多语言,但当前项目仅配置为葡萄牙语。
—
### 伪静态规则示例
如果你的项目使用Laravel框架,可以在宝塔面板中配置以下伪静态规则:
location / {
try_files $uri $uri/ /index.php?$query_string;
}
保存后,重启Nginx服务以使配置生效。
—
### SSL证书配置
1. 宝塔面板配置:
– 进入宝塔面板,选择你的网站,点击 `SSL`。
– 选择 Let’s Encrypt 免费证书,点击申请。
– 申请成功后,开启 `强制HTTPS`。
2. 验证SSL:
– 访问 `https://your-backend-domain.com`,确保网站能够正常加载且浏览器显示安全锁标志。
—
### 总结
– 数据库配置: 修改 .env 文件中的数据库连接信息。
– 后端域名: 修改 .env 文件中的 `APP_URL`。
– 前端域名: 修改 /public/static/js/index.32b86ddf.js 中的API接口地址。
– 前端访问: 设置 index.html 为默认文档,或直接访问 `index.html`。
– 伪静态规则: 根据项目需求配置Nginx伪静态规则。
– SSL证书: 通过宝塔面板申请并开启SSL证书。