博客列表 >thinkphp+vue代码部署遇到的坑总结

thinkphp+vue代码部署遇到的坑总结

family的博客
family的博客原创
2020年01月15日 18:55:302847浏览

1.thinkphp版本5.0
2.phpstudy环境版本php-7.0.12nts+apache
3.php array_column()函数即获取数组中的一列数据在phpstudy版本不低于5.5时才可生效,若版本低于5.5可在common.php中加入以下代码:
function array_column($array,$column_name)
{

  1. return array_map(function($element) use($column_name){return $element[$column_name];}, $array);
  2. }

4.vue放入的路径是thinkphp的根目录,在服务器上配置环境时要更改一下网页的首页设置,.html为第一级的优先级,如果是多个vue项目,每个vue项目打包后的目录应该是css js images fonts等参数与index.html是同一级,不同的index.html放到不同的文件夹下,css等参数合并到一起,访问路径即可访问http://或https://域名/自定义的文件名 即可访问
5.成功把vue+thinkphp之间代码部署好了之后就是另一个坑的开始,你们会发现访问相关路径后一刷新thinkphp会直接报错404,解决方案:
vue项目模式改为history模式,具体操作和可能会遇到的坑指路:https://blog.csdn.net/NANGE_BOK/article/details/86095283
thinkPHP要更改伪静态文件即.htaccess文件进行修改:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>
具体指路:https://router.vuejs.org/zh/guide/essentials/history-mode.html

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议