Vuethink正确安装过程

Vuethink正确安装过程

 

 

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/113676.html原文链接:https://javaforall.cn

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

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

(0)


相关推荐

  • 二进制与十进制的相互转换

    二进制与十进制的相互转换博客引用处(以下内容在原有博客基础上进行补充或更改,谢谢这些大牛的博客指导):二进制如何转十进制,十进制如何转二进制十进制转二进制转成二进制主要有以下几种:正整数转二进制,负整数转二进制,小数转二进制;1、正整数转成二进制。要点一定一定要记住哈:除二取余,然后倒序排列,高位补零。也就是说,将正的十进制数除以二,得到的商再除以二,依次类推知道商为零或一时为止,然后在旁边标出各步的余数,…

    2022年10月17日
  • notifyone和notifyall区别_notify被动形式

    notifyone和notifyall区别_notify被动形式Notify与notifyall的区别notifyAll使所有原来在该对象上等待被notify的线程统统退出wait的状态,变成等待该对象上的锁,一旦该对象被解锁,他们就会去竞争。 notify则文明得多他只是选择一个wait状态线程进行通知,并使它获得该对象上的锁,但不惊动其他同样在等待被该对象notify的线程们,当第一个线程运行完毕以后释放对象上的锁此时如果该对象没有再次使用notify语句…

  • 对xml文件头内容的理解xmlns xmlns:xsi xsi:schemaLocation

    对xml文件头内容的理解xmlns xmlns:xsi xsi:schemaLocation

  • 临时重定向和永久重定向的状态码_java重定向怎么写

    临时重定向和永久重定向的状态码_java重定向怎么写重定向重定向分为永久重定向和临时重定向,在页面上体现的操作就是浏览器会从一个页面自动跳转到另外一个页面。比如用户访问了一个需要权限的页面,但是该用户当前并没有登录,因此我们应该给他重定向到登录页面。

  • 安卓项目实战之:Android常用的5种加密方式

    安卓项目实战之:Android常用的5种加密方式前言按加密结果是否可以被解密分为:1,不可逆:MD5(Message-Digest消息摘要):不可逆,长度固定(32位),容易计算,仅一字节只差加密结果都会有很大区别通常情况下为了让加密过程变得不可预测,我们会进行加盐操作。SHA:安全散列算法,数字签名工具,长度比MD5要长,所以更安全,但是加密的效率要比MD5慢一些.2,可逆:按秘钥数量和加密规则分为:1,对称加密:即通过key…

  • java工作流详解

    java工作流详解什么是工作流?工作流:两个或两个以上的人,为了共同的目标,连续的以串行或并行的方式去完成某一业务。业务:工作流所指业务涵盖了与经营相关的活动。串行或并行:业务中的步骤也许以一步接着一步的方式进行,我们称之为串行;或者由不同的人或组合根据不同的情况处理,我们称之为并行。两个或两个以上的人:如工作流的名称所表达的含义,一个人处理的业务不称其为工作流,只有任务从一个人”流”向另一个人的时候,才有工作流。共同的目标:个体参与工作流必须是为了同一个工作目标。如果个体处于两个相互独立的项目之中,不会

发表回复

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

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