关于thinkphp +vue index部署宝塔,遇到的问题和解决方案

发布时间 2023-07-20 17:26:43作者: 奇怪的yu

1、  首先打开宝塔面板里的文件,把thinkphp打包成压缩文件,上传自己新建的目录下,并双击解压(如图 一)

图一 

2、win+R cmd进入到vue-element-admin项目的根目录下,执行打包命令(npm run build:prod),打包完成之后根目录下会多出一个dist文件(如图二)

                          图二

3、进入到宝塔面板里的 tp6->public 目录下(如图三),进入vue-element-admin项目里的dist文件,把里面的文件上传至(宝塔面板)public目录里(重名的覆盖即可)。

图三

 4、点击宝塔面板里的左侧菜单导航里的数据库,添加数据库,把数据库导入。

5、点击宝塔面板里的网站,点击添加站点,输入域名点击提交,提交成功后点击刚才新建的网站名,进入配置页面,点击左侧菜单里的网站目录,把网站目录修改为tp6代码所在的目录里的public文件夹,防跨站攻击(不要选中)(如图四),

 

图四

 6,设置伪静态(如图五),

  图五

location /admin {//访问页面要在域名后面加上admin才能访问到
if (!-e $request_filename){
rewrite ^(.*)$ /index.html?s=$1 last; break;
}
}

location /adminapi {//后台的接口的路由,在vue里加上adminapi即可(后修改为自己的接口路由)
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}

location / { //目的 不用在url加上index.php
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}

7,修改thinkphp下的config文件里的database.php文件的数据库连接配置信息,修改为宝塔面板里添加的数据库名,服务地址,用户名,密码。