博主信息
family的博客
博文
5
粉絲
0
評論
0
訪問量
1347
積分:0
P豆:10

thinkphp+vue代碼部署遇到的坑總結

2020年01月15日 18:55:30閱讀數:703博客 / family的博客 / thinkphp框架

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

全部評論

文明上網理性發言,請遵守新聞評論服務協議

條評論
暫無評論暫無評論!
  • 3d试机号绕胆图