为什么axios请求的端口是vue默认的端口_基于 ThinkPHP 5.0 + Vue + ElementUI 的前后端分离 CRM 系统...

悟空CRM

官网：http://www.5kcrm.com

官网：http://www.72crm.com

论坛：http://bbs.72crm.net

演示地址：demo9.5kcrm.net (帐号：18888888888 密码：123456)

主要技术栈

后端框架：ThinkPHP 5.0.2

前端 MVVM 框架：Vue.JS 2.5.x

路由：Vue-Router 3.x

数据交互：Axios

UI 框架：Element-UI 2.6.3

悟空 crm9.0 的运行环境要求 PHP5.6 以上

一键安装

代码中已集成前端 vue 打包后文件，可免去打包操作： 以本地(phpstudy集成环境)搭建举例： 下载悟空 CRM9.0 开源版，在服务器根目录(www目录)下创建 72crm 文件夹，并放置代码； 浏览器访问http://localhost/72crm/index.php/admin/install/index.html ，根据安装提示步骤，完成悟空 CRM9.0 的部署安装。

数据交互

数据交互通过 axios 以及RESTful 架构来实现 用户校验通过登录返回的 auth_key 放在 header 值得注意的一点是：跨域的情况下，会有预请求 OPTION 的情况

Server搭建

服务端使用的框架为 thinkphp5.0.2，搭建前请确保拥有 lamp/lnmp/wamp 环境。

这里所说的搭建其实就是把 server 框架放入 WEB 运行环境，并使用 80端口。 导入服务端根文件夹数据库文件 public/sql/5kcrm.sql，并修改 config/database.php 配置文件。

配置要求

PHP >= 5.6.0 (暂不支持 PHP7 及以上版本) 当访问 http://localhost/, 出现“悟空软件”即代表后端接口搭建成功。

前端部署

安装 node.js 前端部分是基于 node.js 上运行的，所以必须先安装 node.js，版本要求为 6.0以上

使用 npm 安装依赖 下载悟空 CRM9.0 前端代码； 可将代码放置在后端同级目录 frontend，执行命令安装依赖：

npm install

修改内部配置 修改请求地址或域名：config/dev.env.js 里修改 BASE_API(开发环境服务端地址，默认 localhost) 修改自定义端口：config/index.js 里面的 dev 对象的 port 参数(默认 8080，不建议修改)

运行前端

 npm run dev

注意：前端服务启动，默认会占用 8080 端口，所以在启动前端服务之前，请确认 8080 端口没有被占用。 程序运行之前需搭建好 Server 端

系统介绍

以下为悟空 CRM9.0 部分功能系统截图

项目地址

https://gitee.com/wukongcrm/72crm