为菜管项目配置 Apache、路由获取、表格转 HTML

上午打算继续边学边做我那个 Vue 项目，由于需要后端返回数据，我打算用那台威联通 NAS 作为调试服务器，可是我在 PHP 文件里面设置 Header 头允许跨域访问后，却依旧无法访问。检查了一波，其实服务器的返回结果压根就没有经过 PHP 处理。通过 Server 头得知 Web 服务器是 Apache 掌管的，于是打算修改 Apache 虚拟主机配置，让它允许我 Vue 项目的跨域访问。

NAS 的控制面板可以设置添加虚拟主机，但不能直接修改其配置文件。不过 NAS 支持使用终端连接，我便连上终端直接开始硬改。一番搜索过后，得知威联通修改 Apache 配置文件的路径是 /usr/local/apache/conf/extra/httpd-vhosts-user.conf，这里面的信息就分别对应了我在面板上配置的各个虚拟主机。

<Directory "/share/Web/food_backend">
    Options FollowSymLinks MultiViews
    AllowOverride All
    Require all granted
    Header set Access-Control-Allow-Origin *
</Directory>

之后便可以继续做 Vue 项目了，可以使用 Axios 发包解析后端返回的内容了！可惜后端又是返回乱码，这次我的解决方案是在 PDO 连接后增加一条 $this -> db -> query('set names utf8') 来强制设置成 UTF-8 形式。

由于 /food 是列出所有项目，我想用 /food/2 这样的形式显示单个项目的详情信息。搜了一波，这种方式叫命名路由。食用很简单，只需要在路由文件里编写一个名为 /food/:foodID 的 path 属性，并引用对应子页面的组件，就可以实现了！要得到该路由的数据，则是使用 this.$route.params.foodId 获取。

下午开始干公司的项目，需要根据需求做一个展示页面。资料方面提供了一份 Excel 表格，列出了各项服务的价格费用。我一开始觉得就先把它弄成 HTML 表格贴上去吧，应该不难。可这 Excel 表格直接粘贴在网页上的结构非常混乱，需要重新格式化。

我想到了一些在线编辑器貌似可以过滤标签，首先看了看 Markdown 的，发现它并不能处理表格的问题。但是我突然想到了 HTML 的一个老牌编辑器 - UEditor，它也许可以完成我的需求？实测后，我那份 HTML 表格粘贴进去后可以直接过滤样式和其他冗余代码！真是牛批，不愧是大厂百度的作品啊！

2020-03-17