nginx + TP5.1 + vue 整合

原因:vue打包程序需要和ThinkPHP5.1 框架进行融合使用
思路:
解压css,img,js放入
把index.html放入中
dist
public
TP5.1前台视图
配置伪静态

注意点:

  1. 在开始之前查看下ThinkPHP的访问入口已设置在public文件夹下
  2. vue程序中vue-router 路由模式是否处于 history
第一步:把vue打包程序中的(css,js,img)放到ThinkPHP -> public 文件夹下

vue文件

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

图片

第三步:更改为vue的伪静态
//管理后台的伪静态
location /admin {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
//vue前台伪静态
location / {
try_files $uri $uri/ /index.php;
}

猜你喜欢

转载自blog.csdn.net/wyy7293/article/details/107762329