Vuthink正确安装过程

Vuthink正确安装过程

1.      下载项目vuethink,本例将项目放置website文件下。
2.      后台搭建
本地建站–》以phpstudy为例
1)      新建站点域名
<VirtualHost*:80>
    DocumentRoot “D:\website\VueThink\php\public”
    ServerName www.vuethink.com
    ServerAlias
  <Directory “D:\website\VueThink\php\public”>
      Options FollowSymLinks ExecCGI
      AllowOverride All
      Order allow,deny
      Allow from all
      Require all granted
  </Directory>
</VirtualHost>
2)      win+R运行drivers
在etc/hosts文件添加本地ip域名
127.0.0.1www.vuethink.com
3.      前台搭建
1)      运行cmd 进入frontend文件
2)      npm install
本项目提示npm WARN package.json xxx@0.0.0 No repository field.
参考地址 :http://hao.jser.com/archive/5381/
修改:在package.json添加(也可以忽略,不修改)
“private”:true,
             “repository”: {

        “type”:”git”,
        “url”:”http://github.com/yourname/repositoryname.git”
            },
3)      npm run dev
4.      检查php版本
首先thinkphp5.0要求php为5.4以上,所以请先检查php版本。
5.     用户名:admin,密码 :123456
6.      修改文件
1)      修改数据库配置文件Vuethink/php/config/database.php
‘type’          => ‘mysql’,
‘hostname’      => ‘127.0.0.1’,
‘database’      => ‘install’,
‘username’      => ‘root’,
‘password’      => ‘root’,
2)      旧版压缩包,数据表menu url字段开头带有/
修改前端src/router.js文件
将所有children path 路径前加/ ,再次登录跳转显示正常
           新版压缩包,数据表menuurl字段开头不带/
此处不用修改
3)      修改application\admin\controller\Base.php文件,看到最后:
// miss 路由:处理没有匹配到的路由规则
public function miss()
{

             return ;
} 将return; 修改为 return “router_error”; (此处修改方便提示)
4)      前后端分离,修改main.js文件
将axios.defaults.baseURL = HOST改为
axios.defaults.baseURL = ‘http://www.vuethink.com/index.php/’   vuethink采用axios请求后端程序,而且此处设置就是让axios每次请求都自动加上baseURL。
window.HOST = HOST改为
window.HOST = ‘http://www.vuethink.com/index.php/’ 这里的意义还没弄明白,后面再补充。

安装完成
解释带index.php原因(thinkphp问题):
由于thinkphp5.0中 \config\config.php
// 入口自动绑定模块
‘auto_bind_module’  =>false,
这里设置为false,所以url必须是http://vuethink.com/index.php/admin/base/getConfigs
但是地址栏输入url后仍不显示,原来\config\route_admin.php中定义上面url请求只能是POST请求,所以才有问题。
将’admin/base/getConfigs’=> [‘admin/base/getConfigs’, [‘method’ => ‘POST’]], 的POST改为GET,
在地址栏输入http://www.vuethink.com/index.php/admin/base/getConfigs,结果显示数据(安全起见,测试完成后要改回POST方式)
而前后端路由关系是 :路由地址经过拼接发出请求,获取数据
1. Main.js文件
axios.defaults.baseURL= “http://www.vuethink.com/index.php/”
window.HOST =”http://www.vuethink.com/index.php/”
2. 例如login.vue文件
this.apiPost(‘admin/base/login’,data).then((res) => {

              if (res.code != 200) {

                this.loading = !this.loading
                this.handleError(res)
              } else {

                this.refreshVerify()
                if (this.checked) {

                  Cookies.set(‘rememberPwd’,true, { expires: 1 })
                }
                this.resetCommonData(res.data)
                _g.toastMsg(‘success’, ‘登录成功’)
              }
            }

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/113791.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • pycharm conda 虚拟环境_yum源配置本地镜像

    pycharm conda 虚拟环境_yum源配置本地镜像开始使用Pycharm,搭配Conda做包管理,按照网上教程使用过程中发现镜像源不管是阿里的还是清华的都会有404异常,花了点时间找到正确的配置方式。记录一下备忘。参考链接:https://blog.csdn.net/weixin_42425256/article/details/105099769https://blog.csdn.net/weixin_39918690/article/details/110606097https://www.cnblogs.com/tianlang25/.

  • c++中的排序函数Sort的具体用法(vb中sort函数怎么用)

    最近在刷ACM经常用到排序,以前老是写冒泡,可把冒泡带到OJ里后发现经常超时,所以本想用快排,可是很多学长推荐用sort函数,因为自己写的快排写不好真的没有sort快,所以毅然决然选择sort函数用法1、sort函数可以三个参数也可以两个参数,必须的头文件#include和usingnamespacestd;2、它使用的排序方法是类似于快排的方法,时间复

  • Java课程设计—学生成绩管理系统(201521123004-林艺如)「建议收藏」

    Java课程设计—学生成绩管理系统(201521123004-林艺如)「建议收藏」1.团队课程设计博客"团队课程设计博客链接"2.个人负责模块或任务说明①.MenuMenu.jsp在页面中给出提示,用HTML的,与下一个跳转页面进行连接,即点击后进入下

  • 浙江省计算机专业的大专学校排名_浙江省内计算机大学专业

    浙江省计算机专业的大专学校排名_浙江省内计算机大学专业2015浙江省大学学科专业排名下面列出2015浙江省高校荣获2015年中国三星级学科专业以上的学科专业名单:1、浙江大学6星级学科专业(中国顶尖学科专业):农林经济管理、光学工程5星级学科专业(中国一流学科专业):管理科学与工程、电气工程、动力工程及工程热物理、控制科学与工程、软件工程、生态学、农业资源与环境、园艺学、植物保护、临床医学4星级学科专业(中国高水平学科专业):马克思主义理论、教育学、…

    2022年10月31日
  • jdbc fetchsize_jdbc和odbc的关系

    jdbc fetchsize_jdbc和odbc的关系DBUtilscommons-dbutils是Apache组织提供的一个开源JDBC工具类库,封装了针对于数据库的增删改查操作APIQueryRunnerResulSetHandlerDbutils插入举例Connection conn = null; try { QueryRunner runner = new QueryRunner(); conn = JBBCUtils.getConnections3();

  • 功率放大器和匹配网络学习

    功率放大器PA学习导通角:在一个周期内,由电力电子器件(如晶闸管)控制其导通的角度。交流电一般为正弦波,正半周占180°,负半周占180°。当交流电通过可控硅时,可以让交流电电流通过控制使其在0-180度的任一角度处开始导通,即所谓可控整流,当正半周加到可控硅的阳极,在180度的某一角度时,在可控硅的控制极加一触发脉冲,例如在30度加一脉冲,可控硅只能通过余下的150度的电流。这种使可控硅导电…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号