7.发送请求

配置数据库

1. 到官网下载并安装mysql

2. 在”系统偏好设置”->”mysql”中确认其运行

3. 输入以下指令登录mysql：

mysql -u root -p

4. 借助source命令将素材中的dtcmsdb4.sql导入到mysql中：

create database dtcmsdb4;

use dtcmsdb4;

set names utf8;

source /Users/ghobam/Downloads/素材/heima_shop_server/dtcmsdb4.sql;

5. 使用 show tables; 命令可以查看导入的表

运行服务器

1. 打开素材中的”heima_shop_server”文件夹，这是一个完整的vue-cms，可以通过网址直接访问到API。

2. 安装依赖包

npm i

3. 修改app.js中orm模块连接mysql的密码。

4. 运行项目：

node ./src/app.js

注意：如果出现”Client does not support authentication protocol requested
by server; consider upgrading MySQL
client”的报错，出现这种错误是因为orm模块并不支持mysql8对密码进行sha2的加密方式，想要连接数据库。因此需要将数据库设置为密码无加密：

首先，连接到对应的数据库，查看本地的用户

select distinct concat('User: ''',user,'''@''',host,''';')
AS query FROM mysql.user;

然后输入以下的命令

alter user 'root'@'localhost' identified with mysql_native_password
by 'newpassword';

最后刷新权限即可：

flush privileges;

5. 最后在浏览器中输入网址：http://localhost:8082/api/getlunbo，便可访问到数据。

请求数据

在uni-app中，专门封装了一个uni.request函数来获取API数据，以下

1. 增加请求按钮

<button @clikc="get">发起get请求</button>

2. 请求函数：

get() {

uni.request({

url: "http://localhost:8082/api/getlunbo",

success(res) {

console.log(res);

}

});

}

参考：

20-发送get请求

解决Navicat连接Mysql报错：Client does not support authentication
protocol requested by
server；