3.1 项目准备

第 21 节 / 共 46 节 课程：ThinkPHP

一.使用远程的前端
无需在后台开发机器启动前端，前端网址为：

二.修改xammp的端口
首先点击面板的config按钮：
选第一个：

把listent 80中的80改成5000：
再启动的时候，端口就变成了5000：

三.php端解除跨域请求限制
跨域请求是指发起请求和返回请求不在同一个服务器，基于安全理由，一般都会禁用掉，类似这样的错误：
首先在app/middelware文件夹下，创建Cors.php,代码如下：
<?php
namespace app\middleware;
class Cors
{
    public function handle($request, \Closure $next)
    {
        $response = $next($request);        
        $response->header([
            'Access-Control-Allow-Origin' => '*',
            'Access-Control-Allow-Methods' => 'GET, POST, PUT, DELETE, OPTIONS',
            'Access-Control-Allow-Headers' => 'Origin, Content-Type, Accept, Authorization, X-Requested-With',
        ]);
        
        // 处理预检请求
        if ($request->method(true) == 'OPTIONS') {
            return response()->code(204);
        }
        
        return $response;
    }
}

然后在app/middleware.php里面加上这一行：
\app\middleware\Cors::class
最终变成这样：
立刻就生效了

四.后台配置：
首先是数据库：
远程数据库如下：
119.23.27.100
用户名：tester
密码：codessp
数据库名:develop

五.修改后台的数据库配置
首先打开项目的.env文件，把数据库配置改成这样：
APP_DEBUG = true

[APP]
DEFAULT_TIMEZONE = Asia/Shanghai

[DATABASE]
TYPE = mysql
HOSTNAME = 119.23.27.100
DATABASE = develop
USERNAME = tester
PASSWORD = codessp
HOSTPORT = 3306
CHARSET = utf8
DEBUG = true

[LANG]
default_lang = zh-cn
然后是修改代码里面的配置，打开config/database.php,把数据库相关部分修改成下图的样子：