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', '登录成功')

}

}

Vuethink正确安装过程的更多相关文章

  1. Vuthink正确安装过程

    1.      下载项目vuethink,本例将项目放置website文件下. 2.      后台搭建 本地建站–>以phpstudy为例 1)      新建站点域名 <Virtual ...

  2. Nvidia驱动正确安装过程

    找到适合的正确的驱动 去nvidia驱动官网下载 卸载掉原有驱动 sudo apt-get remove –purge nvidia* 安装驱动 进入命令行界面 Ctrl-Alt+F1 给驱动run文 ...

  3. RabbitMQ 集群安装过程详解

    一.安装Erlang 1.rabbitMQ是基于erlang的,所以首先必须配置erlang环境. 从erlang官网下载 otp 18.3.下载链接:http://erlang.org/downlo ...

  4. 2016最新cocoapods安装流程,安装过程中遇到的问题及解决方法

    现在的cocoapods与之前比较.有很多不一样的地方.自己试了一试,终于搞定.现在大概纪录一下. 1.首先查看ruby是否是最新版的. ruby是通过rvm安装的所以需要先安装rvm后查看ruby是 ...

  5. Hadoop集群搭建安装过程(二)(图文详解---尽情点击!!!)

    Hadoop集群搭建安装过程(二)(配置SSH免密登录)(图文详解---尽情点击!!!) 一.配置ssh无密码访问 ®生成公钥密钥对 1.在每个节点上分别执行: ssh-keygen -t rsa(一 ...

  6. Mapnik 编译安装过程

    首先总结一下,Linux(windows上没有测试过)上Mapnik的编译与测试就是一部心酸血泪史呀,如果您没有做好思想准备,那就出门左转,看点有意思的去吧,编译这个太煎熬了. 安装PostgreSQ ...

  7. BugZilla的安装过程简明教程

    Bugzilla+Mysql+iis+perl模块+ ActivePerl 安装过程 (原:http://www.cnblogs.com/Warmsunshine/archive/2012/03/25 ...

  8. Android 安装过程中的问题

    Android  安装过程中的问题 上一篇我说到配置android环境,但是在具体的安装过程中,因为下载的软件或者方法不同,导致没有正确的结果,如果有一些错误的时候,可以试一试关闭eclipse软件, ...

  9. Object Storage(Swift)安装过程——Havana

    自从看了Havana安装文档有关Swift的安装一节,发现H版的安装过程与以前还是有些差别的.不过大致过程还是那些.下面简单介绍下我们安装的过程吧,具体请参考官方文档http://docs.opens ...

随机推荐

  1. Git 进阶 —— 远程仓库

    一.远程仓库怎么玩 1. 自己搭建一个运行Git的服务器 Git是分布式版本控制系统,同一个Git仓库,可以分布到不同的机器上,但肯定有一台机器有着最原始的版本库,然后别的机器来克隆这个原始版本库,这 ...

  2. vue的挖坑和爬坑之vuex的简单入门

    首先vuex的中文文档https://vuex.vuejs.org/zh-cn/ 首先vuex是什么,官方解释是 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应 ...

  3. Python day 7(2) 类和实例(1)

    一:面向对象编程 1  面向对象编程--Object Oriented Programming,简称OOP,是一种程序设计思想.OOP把对象作为程序的基本单元,一个对象包含了数据和操作数据的函数. 2 ...

  4. 【原创】Android AOP面向切面编程AspectJ

    一.背景: 在项目开发中,对 App 客户端重构后,发现用于统计用户行为的友盟统计代码和用户行为日志记录代码分散在各业务模块中,比如在视频模块,要想实现对用户对监控点的实时预览和远程回放行为进行统计, ...

  5. 小白的Python之路 day5 time,datatime模块详解

    一.模块的分类 可以分成三大类: 1.标准库 2.开源模块 3.自定义模块 二.标准库模块详解 1.time与datetime 在Python中,通常有这几种方式来表示时间:1)时间戳 2)格式化的时 ...

  6. Java第二章----对象和类

    从第一章到第二章整整隔了一个月的时间,这速度也是慢的无语了.因为这个月负责开发公司一个SaaS类型APP,忙的昏天暗地终于上线了,这才有时间写个博客.本章还是以概念为主,有点枯燥重在理解. 第一节:对 ...

  7. 基于 socket.io 的 AI 服务 杂谈

    为什么会想到来聊下这个话题. 前几天在公司的项目中,开发一个基于 socket.io 的直播 IM 功能. 直播分为两部分,一部分是比较昂贵的 视频推流, 另外一部分是 IM 即时聊天服务. 从这里开 ...

  8. python之Number

    1.Python number数字 Python Number 数据类型用于存储数值. 数据类型是不允许改变的,这就意味着如果改变 Number 数据类型的值,将重新分配内存空间. 创建一个numbe ...

  9. Node Express 初探

    一如既往,先上一张图 Express 基于 Node.js 平台,快速.开放.极简的 web 开发框架. 关于Express更多相关知识请链接至官网http://www.expressjs.com.c ...

  10. 用vue官方提供的模板vue-cli搭建一个helloWorld案例

    安装环境 安装node.js并配置环境变量 安装淘宝镜像,npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpac ...