nginx + TP5.1 + vue 整合

原因:vue打包程序需要和ThinkPHP5.1 框架进行融合使用

思路:

注意点:

1. 在开始之前查看下ThinkPHP的访问入口已设置在public文件夹下
2. vue程序中vue-router 路由模式是否处于 history

第一步:把vue打包程序中的(css,js,img)放到ThinkPHP -> public 文件夹下

第二步:把vue打包程序中的index.html 放到ThinkPHP -> view -> index (前台) 文件夹中

第三步:更改为vue的伪静态

//TP5 管理后台的伪静态
location /admin {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
//vue前台伪静态(TP5前台模块重定向首页,VUE路由去处理路径)
// location /index {
// try_files $uri $uri/ /index.php;
// }
//vue伪静态(所有页面都重定向首页,VUE路由去处理路径)
location / {
try_files $uri $uri/ /index.php;
}