将前端和后端连接起来
在前后端分离的开发中，前端和后端需要协作来实现整个应用。前端需要向后端请求数据，并将数据展示在页面上。因此，前后端需要在接口上达成一致，确定前后端通信的方式和数据格式。一般来说，前后端会约定一份API文档，其中详细描述了前端能够访问的所有接口及其使用方法、请求参数和返回数据的格式等。
在前后端接口订好之后，后端需要对接口进行实现。一种常用的方式是，在本地启动一个服务器，然后在本地进行开发和测试。对于这个任务，可以使用XAMPP这样的软件来帮助我们在本地启动服务器。
一般来说，后端会将API接口放在一个api目录下面，然后在这个目录下编写各种接口供前端调用。实际上，后端在处理完逻辑之后，还需要将数据以JSON的格式返回给前端。此时，前端就可以访问这些JSON数据了。
总的来说，前后端分离开发的好处在于前后端各司其职，减少了彼此的依赖，同时也方便了团队的协作。通过约定好的接口，前后端可以高效地完成整个应用的开发和维护。
前端代码上线
在前端开发完成之后，需要将前端代码上线，使其可以被用户访问。将前端代码上线的步骤如下：
- 选择合适的服务器 选择一台适合自己需求的服务器，可以选择云服务器，也可以选择自己购买服务器放置于机房。如果是小型网站，可以选择云服务器，比如阿里云、腾讯云等。
- 上传前端 build 产物到服务器 将前端 build 产物通过 FTP、SFTP 等协议上传到服务器上，建议在服务器上新建一个文件夹来存放前端代码，比如
/var/www/yourdomain.com。 - 配置服务器 Nginx 在服务器上安装 Nginx，并配置 Nginx 使之可以访问前端代码。在 Nginx 配置文件中添加以下代码：
server {
listen 80;
server_name yourdomain.com;
root /var/www/yourdomain.com;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
其中 listen 指定服务器监听的端口，server_name 指定域名，root 指定存放前端代码的路径，index 指定默认打开的文件，location 指定访问路径。
- 启动 Nginx 启动 Nginx 服务，在命令行输入
sudo service nginx start，或者使用systemctl命令，例如systemctl start nginx，以 Ubuntu 为例。 - 配置域名解析 在 DNS 控制面板中，将域名解析到服务器的 IP 地址。
- 访问网站 通过浏览器访问域名即可查看网站。
